Firebug 1.9新特性指南

Firebug 1.9新特性指南

FireBug 1.9发布了，引入了很多新特性。

一、Firebug兼容的Firefox版本

Firefox 4兼容Firebug 1.7.3

Firefox 5-11兼容Firebug 1.9

Firefox 12兼容Firebug 1.10

二、特性一览

1、Firebug的UI停靠

可以放置于浏览器窗口的上下左右四边。只需打开Firebug启动按钮菜单，选择Firebug UI Location，就可以设置它停靠的位置了。

2、复制JSON响应值到剪贴板

如果你在处理Ajax&JSON请求/响应，Firebug可以检查JSON响应，复制JSON树的部分内容到剪贴板。只需展开HTTP请求，选择JSON tab，右键点击所需的JSON树，可以看到上下文菜单。

3、语法错误定位显示

控制台面板有箭头直接显示语法错误的语句的错误位置。

4、Net面板新增协议列

Net面板新增加了一列——协议列。它显示每个请求所使用的HTTP协议。你可以使用列排序功能（点击Protocol列），来使请求进行分类。比如这样你可以集中看HTTPS请求。默认状态下，协议列不显示，需要右键点击Header，定制它。

5、从页面快速移除所选择的元素

这是著名的Inspector的特性。只需侦查到(Inspect)某个元素，按下Delete键，就能把当前页面上的高亮元素给删除掉。

6、函数对象displayName属性

Firebug支持displayName函数对象属性。可以使用此属性，来指定自定义函数或匿名函数。Firebug也是使用此属性来显示堆栈跟踪。

7、每个控制台日志的来源

这个功能很简单。每个日志信息都能显示其来源（文件的URL和行数）。

8、重发HTTP请求

NET面板现在允许重发现有的HTTP请求。只需右键点击选择的请求，在弹出的上下文菜单中选择Resend。

9、条件断点的提示

Script面板可以显示此提示。无需打开条件编辑器，就可以看到当前的条件。

10、新增的DOM面板查看

DOM面板的上下文菜单引入了一个新的Add Watch选项。它允许开发者查找指定的对象或域。  

11、来自浏览器Cache的响应Header

Net面板可以显示来自浏览器缓存的HTTP请求的头部。只需展开一个HTTP请求，检查Headers tab面板，就能看到。

12、字体查看器

Firebug引入了一个字体查看器，它集成到Net面板中。如果页面在加载字体文件，那么可以展开相应的请求，查看下载的字体的元数据。

13、字体提示

还有一个为设计师提供的功能。如果在CSS面板，你移动鼠标光标到某个字体上面，可以看到该字体的预览提示。

14、数组项的提示

还有一个与调试和审查相关的极好的改进是数组值的提示。只要你移动光标到数组括号处，你就可以看到实际的值。

三、结论

可以看到，这些新特性都非常有用，小小的改进就能提升开发效率，很令人振奋！诸位早点使用吧！