Firebug 1.9新特性指南

简介: 版权声明:本文为博主chszs的原创文章,未经博主允许不得转载。 https://blog.csdn.net/chszs/article/details/7187423 Firebug 1.9新特性指南FireBug 1.9发布了,引入了很多新特性。
版权声明:本文为博主chszs的原创文章,未经博主允许不得转载。 https://blog.csdn.net/chszs/article/details/7187423

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,就可以设置它停靠的位置了。


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、数组项的提示

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


三、结论

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


目录
相关文章
|
Web App开发 数据采集 缓存
Chrome 89 新功能一览,性能提升明显,大量 DevTools 新特性(下)
今天 Chrome 更新了最新版本 Chrome89,新版本在启动、响应速度上更快,同时 CPU 占用率大幅下降。 比如,提供前进后退缓存(20%的页面可瞬时进退)等特性,号称启动速度快了 25%、载入页面速度快了 7%、CPU 占用减少了 5 倍、可增加额外 1.25 小时续航,内存占用量也优化了。
Chrome 89 新功能一览,性能提升明显,大量 DevTools 新特性(下)
|
Web App开发 缓存 前端开发
Chrome 89 新功能一览,性能提升明显,大量 DevTools 新特性(上)
今天 Chrome 更新了最新版本 Chrome89,新版本在启动、响应速度上更快,同时 CPU 占用率大幅下降。 比如,提供前进后退缓存(20%的页面可瞬时进退)等特性,号称启动速度快了 25%、载入页面速度快了 7%、CPU 占用减少了 5 倍、可增加额外 1.25 小时续航,内存占用量也优化了。
Chrome 89 新功能一览,性能提升明显,大量 DevTools 新特性(上)
|
Web App开发 前端开发 JavaScript
Chrome 开发者工具 版本 65 新引入的 Overrides
Chrome 开发者工具 版本 65 新引入的 Overrides
202 0
Chrome 开发者工具 版本 65 新引入的 Overrides
|
Web App开发 Windows
Firebug 1.7正式版发布,支持Firefox 4
Firebug 1.7 正式版发布了,同时发布的还有 Chromebug 1.7.0。该版本修复了最后一个beta版的三个bug。 Firebug 1.7 最主要的目标是完全兼容 Firefox 4,现在 Firefox 4 的正式版已经出来了,你完全可以立即升级到 Firefox 4 而不用担心 Firebug 的兼容问题。
1152 0
|
Web App开发
Firefox 5新功能特性一览
虽然Firefox 4还没有发布,Mozilla的UI团队已经开始为今年晚些时候发布的Firefox 5做准备了。下面让我们窥探一下Firefox 5的一些新功能。 特定网站浏览 特定网站浏览 这是一个有趣的功能,可以将特定网站设为专用标签。
672 0
|
Web App开发 JavaScript 前端开发
|
Web App开发 JavaScript 前端开发
|
Web App开发 前端开发 JavaScript
|
前端开发 JavaScript