Firefox 34 中的新开发者工具特性

来源: OSCHINA
编辑: oschina
2014-09-22 00:00:00

目前还在 Firefox Aurora channel 的 Firefox 34 版本将会带来很多在开发者工具上的新特性。这个版本计划在 11 月发布,包含新新特性有:数据存储检查工具、WebIDE、Profiler 升级等等。

WebIDE

WebIDE 一个全新的浏览器内应用,默认启用。可让你从模板中创建一个新的 Firefox OS 应用,或者打开之前创建好的应用,可直接点击在模拟器中运行和调试。 (docs)

存储检查工具

这是一个新的面板用来显示 Cookie、LocalStorage、sessionStorage 和 IndexedDB 中存储的数据,可通过点击 Settings > “Default Developer Tools” > “Storage”来启用。目前该面板是只读的,未来计划增加数据修改功能。 (docs) (development notes) (UserVoice request)

storage inspector

jQuery 事件

事件侦听器弹窗现在增加对 jQuery 的支持,可你可以显示附加在类似jQuery.on() 这样的事件中(development notes)

JQuery events

Iframe 开关

在你调试的时候可以通过新的 frame 选择菜单来切换 frame , 开启方法: Settings > “Available Toolbox Buttons” > “Select an iframe”. (docs) (development notes)(UserVoice request)

iframe selection

profiler 更新

JavaScript Profiler 更新,在新的“Performance” tab (formerly the “Profiler” tab) 中显示。增加了帧率时间线和目录,如“network” and “graphics”. (docs) (development notes)

new profiler

console.table()

增加了 console.table() 可使用表格的方式记录数据到控制台,可记录任意对象, array, Map, or Set.  可通过点击表头进行排序(docs) (development notes)

console.table

选择器预览

在 Inspector 或者样式编辑器中将鼠标移到 CSS 选择器上,会高亮显示所有匹配到的节点(development notes)

selector previews

其他改进

特别感谢该版本的 41 名贡献者 all the features and fixes .

展开阅读全文
点击加入讨论🔥(28) 发布并加入讨论🔥
28 评论
36 收藏
分享
返回顶部
顶部