4、断言(console.assert())。
console.assert()可以用来判断一个表达式是否正确,如果错误,他就会打印错误信息在控制台窗口中。
5、追踪(console.trace())。
console.trace()是一个非常有趣的功能。我们先来看看官方的解释:打印Javascript执行时刻的堆栈追踪。
这个函数可以打印出程序执行时从起点到终点的路径信息。
比如如果我们想知道某个函数是何时和如何被执行的,我们将console.trace()放在这个函数中,我们就能够的看到这个函数被执行的路径。
这个函数在调试其他人的源代码时非常有用。
6、计时(Timing)。
console.time(timeName)可以用来计时,这个在我们需要知道代码执行效率的时候特别有用,就不用自己造轮子了。
7、Javascript分析器(Javascript Profiler)。
我们可以通过代码console.profile('profileName')或者单击Profiler标签来进行Javascript代码执行的分析。这个功能有点类似于console.time(),可以帮助我们评估代码的表现,但是能够提供比console.time()更详细的信息。
有三种方法可以调用Javascript profiler。一种是在代码中写入分析脚本,一种是单击profile标签,最后还可以在命令行下输入命令来执行。
执行后,可以看到详细的输出结果,下面对各项进行一些说明:
- Function Column:显示调用的函数名称;
- Call Column:显示调用次数;
- Percent Column:显示消耗的时间比;
- Own Time:显示函数内部语句执行的时间,不包括调用其他函数的时间;
- Time Column:显示函数从开始到结束的执行时间;
- Avg Column:平均时间。Avg = Own / Call;
- Min & Max Column:显示最小和最大时间;
- File Column:函数所在的文件;
8、其他的一些选项。
在Console Tab的最右侧有一个Options的选项,在这里可以自己定义需要显示的错误,其内容很好理解,这里就不多说了。有一点就是Firebug1.3以后,多了Show Chrome Errors、Show Chrome Message等几个选项,这几个选项还没有验证过其具体的作用
分享到:
相关推荐
Console是Firebug中的一个功能强大的调试面板,允许开发者在浏览器控制台查看信息、执行JavaScript语句和命令,以及监控和分析页面中发生的各种事件和错误。Console命令行作为Console面板的核心组成部分,提供了一...
从图 2-1 中我们可以看到,因为我们开启 Firebug 的编辑、调试和监测功能,所以目前只有两个可以选择的链接:“Enable Firebug”与“Enable Firebug for this web site”。 三、 FireBug 主菜单 单击功能区最左边...
2. ie tab 可以在Mozilla/Firefox浏览器中嵌入IE浏览器的标签 3. SuperDragAndGo 超级拖拽 4. tab clicking options 标签栏鼠标点击事件 5. web developer 网页调试的辅助工具 6. mediawrap 使 Firefox 也能够象 IE ...
3. 避免修改生产环境:在开发环境中使用Firebug调试,避免直接在生产环境中修改代码,以防产生不可预见的后果。 4. 学习曲线:Firebug功能丰富,初学者可能需要时间熟悉各项工具,建议多做实践并查阅相关教程。 5....
- 跟踪函数:在JavaScript控制台中,可以输入`console.trace()`来追踪函数调用路径。 **总结** FireBug作为一款强大的开发工具,其强大的HTML、CSS、JavaScript调试功能,以及对网络请求和性能分析的支持,极大地...
标题中的“IE中使用Firebug”指的是在Internet Explorer(IE)浏览器中利用Firebug这一强大的开发者工具进行网页调试和分析的技术。Firebug原本是Firefox浏览器的一个扩展,但这里提到的是在IE环境下的一种类似功能...
使用Firebug的Profiler功能,你可以分析JavaScript函数的执行时间,找出代码中的性能瓶颈。 6. **CSS与HTML调试** - **HTML调试**:在HTML面板中,可以查看和编辑页面的DOM结构。选中元素,可以看到对应的CSS样式...
火狐下firebug使用的相关视频。因文件较大分成了3部分,这是第一部分。
2. **断点调试**:在源代码中设置断点,当执行到这些位置时,浏览器会暂停,允许你逐行执行代码,检查变量值的变化,从而找出问题所在。 3. **控制台输出**:FireBug的控制台面板可以显示JavaScript的运行日志,...
2. Firebug 1.8: - 引入了对HTML5 History API的支持,便于开发者调试基于URL状态的历史管理。 - 资源面板改进,能够显示并分析网络请求的时间线,包括DNS解析、TCP连接、请求和响应时间。 - JavaScript性能分析...
Firebug是由Joe Marini开发的一款开源扩展,它集成在Firefox浏览器中,允许开发者对网页的源代码进行实时检查和调试。通过Firebug,你可以查看网页的结构、样式、脚本执行情况以及网络请求,甚至可以在浏览器环境中...
2. CSS调试:Firebug的CSS面板展示了页面中所有应用的样式规则。开发者可以查看每个元素的样式,禁用或启用样式,甚至直接在浏览器中编辑CSS,即时看到效果。 3. JavaScript调试:Firebug提供了JavaScript控制台,...
Firebug是一款著名的网页开发者工具,尤其在Web开发和调试领域有着广泛的使用。它作为一个扩展,适用于Mozilla Firefox浏览器,提供了一套全面的工具,允许开发者查看、编辑和测试HTML、CSS、JavaScript以及网络请求...
2. **开启和关闭Firebug** - 安装完成后,Firefox状态栏会出现一个灰色的Firebug图标。点击图标或按下F12键,页面会被分为上下两部分,下半部分显示Firebug控制窗口。 - 如果不希望在页面中显示,可以按CTRL+F12或...