firebug 1.6 更新功能

来源:firebug 1.6 release note


前端不可或缺的工具,也是至今仍在用 firefox 的首要因素,1.6进行了大幅革新,界面的变化显而易见,而这只是冰山一角:

 

1.控制台命令行更新

 

1.1 命令行在各个控制面板都可用


此前一直不如 chrome inspector 的地方终于得以弥补,并且单行模式支持自动补全以及添加类似浏览器浏览历史的前进后退功能

 

firebug 1.6 更新功能_第1张图片

 

1.2 新 api : console.table 加入,更利于结构化数据的显示

 

firebug 1.6 更新功能_第2张图片

 

 

3.增加过滤按钮,允许根据级别对 log 信息进行过滤

 

目前分为错误(error),警告(warn),消息(系统触发),调试信息(debug)四个级别以及一般的 log(只能在所有下查看)。同时改进了提示背景色。

 

firebug 1.6 更新功能_第3张图片

 

4.支持输入框的复制粘贴事件记录,不要忘记记录事件的功能:

 

firebug 1.6 更新功能_第4张图片

 

 

2.HTML 控制面板

 

2.1 支持 html 部分子树节点的全部展开

 

firebug 1.6 更新功能_第5张图片

 

 

2.2 支持复制 xpath 时,加入命名空间,主要用于查看 xml ,不常用

 

2.3 直接显示 doctype,不用再看乱乱的源码了

 

 

2.4 表示 html 节点路径的面包屑支持滚动显示


注意两边的小三角

 

 

 

 

 

3. CSS 控制面板

 

3.1 支持css声明复制

 

不用再受手动复制带来的冗余困惑,声明点处右键即可

 

firebug 1.6 更新功能_第6张图片

 

3.2 计算样式分组支持折叠

 

firebug 1.6 更新功能_第7张图片

 

 

3.3 支持 !import 自动补全

 

1.5 支持一般属性的自动补全,这个也是水到渠成

 

firebug 1.6 更新功能_第8张图片

 

 

4 脚本控制面板

 

4.1 支持 debugger 关键字生效与否

可随时终止debugger所带来的单步调试,对于循环中调试特别有用!

 

 

firebug 1.6 更新功能_第9张图片

 

 

 

4.2 堆栈信息引入折叠,每个调用函数占用一行

 

firebug 1.6 更新功能_第10张图片

 

 

4.3 作用域链的最上层 window 被单独提出

firebug 1.6 更新功能_第11张图片

 

作用域链平坦化显示,不分层了

 

4.4 脚本文件列表有了上下滚动按钮,并且可以在上面输入进行过滤

 

firebug 1.6 更新功能_第12张图片

 

 

5 DOM 控制面板

 

5.1 竟然可以显示 dom 节点的 __proto__ 隐藏原型

 

firebug 1.6 更新功能_第13张图片

 

 

6 网络控制面板

 

6.1 支持显示前进后退时由于缓存而不产生 http 请求的文件列表

 

革新,fiddler 对此就一筹莫展了,

 

firebug 1.6 更新功能_第14张图片

firebug 1.6 更新功能_第15张图片

 

7 其他

 

7.1 高亮显示搜索失效

 

firebug 1.6 更新功能_第16张图片

 

 

 

你可能感兴趣的:(css,Firebug,chrome,脚本,firefox)