`
wangrl
  • 浏览: 152348 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Firebug中的console tab使用总结 [2]

 
阅读更多

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等几个选项,这几个选项还没有验证过其具体的作用

分享到:
评论

相关推荐

    Firebug_Console命令行全集.pdf

    Console是Firebug中的一个功能强大的调试面板,允许开发者在浏览器控制台查看信息、执行JavaScript语句和命令,以及监控和分析页面中发生的各种事件和错误。Console命令行作为Console面板的核心组成部分,提供了一...

    FireBug插件使用教程

    从图 2-1 中我们可以看到,因为我们开启 Firebug 的编辑、调试和监测功能,所以目前只有两个可以选择的链接:“Enable Firebug”与“Enable Firebug for this web site”。 三、 FireBug 主菜单 单击功能区最左边...

    火狐常用插件(firebug、ie tab、SuperDragAndGo、tab clicking options...)

    2. ie tab 可以在Mozilla/Firefox浏览器中嵌入IE浏览器的标签 3. SuperDragAndGo 超级拖拽 4. tab clicking options 标签栏鼠标点击事件 5. web developer 网页调试的辅助工具 6. mediawrap 使 Firefox 也能够象 IE ...

    Firebug调试工具及使用注意事项等相关文档

    3. 避免修改生产环境:在开发环境中使用Firebug调试,避免直接在生产环境中修改代码,以防产生不可预见的后果。 4. 学习曲线:Firebug功能丰富,初学者可能需要时间熟悉各项工具,建议多做实践并查阅相关教程。 5....

    FireFox火狐浏览器中FireBug的使用方法

    - 跟踪函数:在JavaScript控制台中,可以输入`console.trace()`来追踪函数调用路径。 **总结** FireBug作为一款强大的开发工具,其强大的HTML、CSS、JavaScript调试功能,以及对网络请求和性能分析的支持,极大地...

    IE中使用firebug

    标题中的“IE中使用Firebug”指的是在Internet Explorer(IE)浏览器中利用Firebug这一强大的开发者工具进行网页调试和分析的技术。Firebug原本是Firefox浏览器的一个扩展,但这里提到的是在IE环境下的一种类似功能...

    使用firebug调试js的方法

    使用Firebug的Profiler功能,你可以分析JavaScript函数的执行时间,找出代码中的性能瓶颈。 6. **CSS与HTML调试** - **HTML调试**:在HTML面板中,可以查看和编辑页面的DOM结构。选中元素,可以看到对应的CSS样式...

    firebug使用

    火狐下firebug使用的相关视频。因文件较大分成了3部分,这是第一部分。

    最新版fireBug插件

    2. **断点调试**:在源代码中设置断点,当执行到这些位置时,浏览器会暂停,允许你逐行执行代码,检查变量值的变化,从而找出问题所在。 3. **控制台输出**:FireBug的控制台面板可以显示JavaScript的运行日志,...

    firebug1.12-firebug1.11-firebug1.10-firebug1.9-firebug1.8-firebug1.7

    2. Firebug 1.8: - 引入了对HTML5 History API的支持,便于开发者调试基于URL状态的历史管理。 - 资源面板改进,能够显示并分析网络请求的时间线,包括DNS解析、TCP连接、请求和响应时间。 - JavaScript性能分析...

    firebug使用说明合集

    Firebug是由Joe Marini开发的一款开源扩展,它集成在Firefox浏览器中,允许开发者对网页的源代码进行实时检查和调试。通过Firebug,你可以查看网页的结构、样式、脚本执行情况以及网络请求,甚至可以在浏览器环境中...

    firebug 1.7

    2. CSS调试:Firebug的CSS面板展示了页面中所有应用的样式规则。开发者可以查看每个元素的样式,禁用或启用样式,甚至直接在浏览器中编辑CSS,即时看到效果。 3. JavaScript调试:Firebug提供了JavaScript控制台,...

    firebug各个版本安装包

    Firebug是一款著名的网页开发者工具,尤其在Web开发和调试领域有着广泛的使用。它作为一个扩展,适用于Mozilla Firefox浏览器,提供了一套全面的工具,允许开发者查看、编辑和测试HTML、CSS、JavaScript以及网络请求...

    firebug使用方法

    2. **开启和关闭Firebug** - 安装完成后,Firefox状态栏会出现一个灰色的Firebug图标。点击图标或按下F12键,页面会被分为上下两部分,下半部分显示Firebug控制窗口。 - 如果不希望在页面中显示,可以按CTRL+F12或...

Global site tag (gtag.js) - Google Analytics