Firebug 1.9新特性指南

时间:2022-12-20 11:45:36

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、FirebugUI停靠

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

Firebug 1.9新特性指南

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

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

Firebug 1.9新特性指南

3、语法错误定位显示

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

Firebug 1.9新特性指南

4、Net面板新增协议列

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

Firebug 1.9新特性指南

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

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

Firebug 1.9新特性指南

6、函数对象displayName属性

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

Firebug 1.9新特性指南

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

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

Firebug 1.9新特性指南

8、重发HTTP请求

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

Firebug 1.9新特性指南

9、条件断点的提示

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

Firebug 1.9新特性指南

10、新增的DOM面板查看

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

Firebug 1.9新特性指南

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

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

Firebug 1.9新特性指南

12、字体查看器

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

Firebug 1.9新特性指南

13、字体提示

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

Firebug 1.9新特性指南

14、数组项的提示

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

Firebug 1.9新特性指南

三、结论

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