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

jopen 9年前

目前还在 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)

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

jQuery 事件

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

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

Iframe 开关

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

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

profiler 更新

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

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

console.table()

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

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

选择器预览

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

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

其他改进

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

来自:http://www.oschina.net/news/55477/webide-storage-inspector-iframe-switcher-in-firefox-34