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

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


三、结论

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


目录
相关文章
|
6月前
|
Web App开发
推荐一款chrome阅读插件
推荐一款chrome阅读插件
|
Web App开发 数据采集 缓存
Chrome 89 新功能一览,性能提升明显,大量 DevTools 新特性(下)
今天 Chrome 更新了最新版本 Chrome89,新版本在启动、响应速度上更快,同时 CPU 占用率大幅下降。 比如,提供前进后退缓存(20%的页面可瞬时进退)等特性,号称启动速度快了 25%、载入页面速度快了 7%、CPU 占用减少了 5 倍、可增加额外 1.25 小时续航,内存占用量也优化了。
Chrome 89 新功能一览,性能提升明显,大量 DevTools 新特性(下)
|
Web App开发 JavaScript 前端开发
在半小时内从无到有开发并调试一款Chrome扩展(Chrome插件/谷歌浏览器插件)
就在不久之前,我们目前这个毕业班的班长那日同学和我说,他正在公司开发Chrome扩展,看起来很高大上的技术,实际开发却非常简单,这引起了我非常浓厚的兴趣,正所谓技不压身,检验自身技术的手段之一就是拥抱新事物,这一次我们尝试在半小时内开发一款Chrome扩展,因为之前我们做了一个[微信小程序的在线面试题题库](https://v3u.cn/a_id_116)的项目,所以正好利用这个题库将面试题平移到Chrome扩展上面。
在半小时内从无到有开发并调试一款Chrome扩展(Chrome插件/谷歌浏览器插件)
|
Web App开发 缓存 前端开发
Chrome 89 新功能一览,性能提升明显,大量 DevTools 新特性(上)
今天 Chrome 更新了最新版本 Chrome89,新版本在启动、响应速度上更快,同时 CPU 占用率大幅下降。 比如,提供前进后退缓存(20%的页面可瞬时进退)等特性,号称启动速度快了 25%、载入页面速度快了 7%、CPU 占用减少了 5 倍、可增加额外 1.25 小时续航,内存占用量也优化了。
Chrome 89 新功能一览,性能提升明显,大量 DevTools 新特性(上)
|
Web App开发
Firefox 5新功能特性一览
虽然Firefox 4还没有发布,Mozilla的UI团队已经开始为今年晚些时候发布的Firefox 5做准备了。下面让我们窥探一下Firefox 5的一些新功能。 特定网站浏览 特定网站浏览 这是一个有趣的功能,可以将特定网站设为专用标签。
733 0
Firebug1.8a1发布 新功能、新架构
译文链接:http://www.oschina.net/news/16862/firebug-1-8a1
641 0
|
Web App开发 JavaScript
聊一聊原生浏览器中的模块
自从ES2015定稿以来,我们通过 Babel 等转换工具可以在项目中直接使用【模块】。前端模块化开发已经是不可逆转,在 ECMAScript module 之前我们通过 requirejs、seajs、LABjs,甚至最早的时候我们通过闭包来实现模块化开发。
1437 0
|
Web App开发 前端开发 JavaScript