`
wangrl
  • 浏览: 149115 次
  • 性别: 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

    前端开发神奇firebug使用文档,console的各种用法大全

    火狐常用插件(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插件使用教程

    FireBug插件使用教程 介绍如何安装firebug

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

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

    firebug使用

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

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

    Firebug调试工具,内附有使用注意事项等相关文档,希望对大家有所帮助

    FireBug使用指南.doc

    FireBug使用指南 FireBug使用指南 FireBug使用指南 FireBug使用指南

    firebug的安装和使用说明

    selenium需要的插件,在firebox中安装firebug插件,方便web网站和xml的调试排错。

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

    FireFox火狐浏览器中FireBug的使用方法,有利于程序员很快的找到bug,并且解决,还可以跟踪js代码,很有用哦。。

    firebug使用方法

    firebug使用方法,firebug使用方法,firebug使用方法,firebug使用方法,firebug使用方法

    Firebug使用详解

    Firebug使用详解,Firebug API 详解

    IE中使用firebug

    NULL 博文链接:https://ssh-2009-126-com.iteye.com/blog/715747

    Firebug的使用教程详解

    Firebug的使用教程详解,对开发人员比较实用,也比较透彻!

    fireBug教程Word版(全)

    Javascript的调试利器:Firebug使用详解 分类: JavaScript2007-09-02 13:2086686人阅读评论(75)收藏举报 Javascript的调试,是开发Web应用尤其是AJAX应用很重要的一环,目前对Javascript进行调试的工具很多,我...

    Firebug中文 web_develope中 火狐2.0.0.14.rar

    带firebug、web-develop配套的firefox,做页面开发调试利器、抓好的页面代码也可以用它。 是否为发现某套非常漂亮的网页模版但无法获得而焦急,是否为网页布局模版而烦恼?别担心!让Firebug中文版和web_developer...

    firefox插件firebug

    Firebug是firefox的一个插件,Firebug 和 firefox 整合在一起,使你浏览网页时手边有了一套强大的网页开发工具。 你可以编辑、调试和监控任何网页上的 CSS、HTML 和 Javascript。而且可以在线的时候修改dom非常弹大...

    初识Firebug全文--Firebug的使用.mht

    初识Firebug全文--Firebug的使用.mht初识Firebug全文--Firebug的使用.mht初识Firebug全文--Firebug的使用.mht初识Firebug全文--Firebug的使用.mht初识Firebug全文--Firebug的使用.mht初识Firebug全文--Firebug的使用...

    firebug的介绍和使用基础.docx

    firebug的介绍和使用基础 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面模块;要调试javascript给页面增加一些更活泼的要素;要使用...

    火狐30及FireBug2.0

    火狐30,FireBug2.0 ,web开发利器,下载后直接解压,先安装火狐浏览器,然后点击工具---附加组件,然后将FireBug的文件直接拖到窗口内,即可完成安装,使用时,点击浏览器地址栏后面的虫子图标,即可进入firebug...

Global site tag (gtag.js) - Google Analytics