Firefox 34中的新开发者工具特性
2014-09-23 00:00
477 查看
目前还在 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)
jQuery 事件
事件侦听器弹窗现在增加对 jQuery 的支持,可你可以显示附加在类似 jQuery.on () 这样的事件中(development notes)
Iframe 开关
在你调试的时候可以通过新的 frame 选择菜单来切换 frame , 开启方法: Settings > “Available Toolbox Buttons” > “Select an iframe”. (docs) (development notes)(UserVoice request)
profiler 更新
JavaScript Profiler 更新,在新的“Performance” tab (formerly the “Profiler” tab) 中显示。增加了帧率时间线和目录,如“network” and “graphics”. (docs) (development notes)
console.table ()
增加了 console.table () 可使用表格的方式记录数据到控制台,可记录任意对象, array, Map, orSet. 可通过点击表头进行排序(docs) (development notes)
选择器预览
在 Inspector 或者样式编辑器中将鼠标移到 CSS 选择器上,会高亮显示所有匹配到的节点(development notes)
其他改进
窗口切换状态保存以便下次打开时恢复上次的位置(development notes)
Web 音频 – AudioParam connections – Web Audio Editor 可显示从 AudioNodes 到 AudioParams 的连接 (development notes)
特别感谢该版本的 41 名贡献者 all the features and fixes .
WebIDE
WebIDE 一个全新的浏览器内应用,默认启用。可让你从模板中创建一个新的 Firefox OS 应用,或者打开之前创建好的应用,可直接点击在模拟器中运行和调试。 (docs)
存储检查工具
这是一个新的面板用来显示 Cookie、LocalStorage、sessionStorage 和 IndexedDB 中存储的数据,可通过点击 Settings > “Default Developer Tools” > “Storage”来启用。目前该面板是只读的,未来计划增加数据修改功能。 (docs) (development notes) (UserVoice request)
jQuery 事件
事件侦听器弹窗现在增加对 jQuery 的支持,可你可以显示附加在类似 jQuery.on () 这样的事件中(development notes)
Iframe 开关
在你调试的时候可以通过新的 frame 选择菜单来切换 frame , 开启方法: Settings > “Available Toolbox Buttons” > “Select an iframe”. (docs) (development notes)(UserVoice request)
profiler 更新
JavaScript Profiler 更新,在新的“Performance” tab (formerly the “Profiler” tab) 中显示。增加了帧率时间线和目录,如“network” and “graphics”. (docs) (development notes)
console.table ()
增加了 console.table () 可使用表格的方式记录数据到控制台,可记录任意对象, array, Map, orSet. 可通过点击表头进行排序(docs) (development notes)
选择器预览
在 Inspector 或者样式编辑器中将鼠标移到 CSS 选择器上,会高亮显示所有匹配到的节点(development notes)
其他改进
窗口切换状态保存以便下次打开时恢复上次的位置(development notes)
Web 音频 – AudioParam connections – Web Audio Editor 可显示从 AudioNodes 到 AudioParams 的连接 (development notes)
特别感谢该版本的 41 名贡献者 all the features and fixes .
相关文章推荐
- IntelliJ IDEA 12新特性:为Android开发者提供新的XML重构工具
- Firefox 插件 JSview是一套比较实用的JS,CSS文件查看工具,很方便,很快捷地查看页面引用了哪些文件,作为Web前端开发者是一套必备的插件,由于Firefox升级过快,插件很快不兼容了,这里对插件做了一些调整,可以兼容最新Firefox浏览器(目前FireFox 21)
- Firefox 10内置的Web开发者工具
- 使用 firefox 的开发者工具与 DIG 命令行工具,来分析访问站点时的网络连接与 HTTP 请求和响应
- Firefox、Chrome、IE浏览器开发者工具的使用
- Chrome,FireFox开发者工具无法找到js?
- IntelliJ IDEA 12新特性:为Android开发者提供新的XML重构工具
- firefox和chrome的开发者工具使用技巧
- Microsoft Edge浏览器中开发者工具新特性预览
- IntelliJ IDEA 12新特性:为Android开发者提供新的XML重构工具
- 网页开发者调式工具Firefox插件
- 三款工具助您将 Firefox 浏览器变为武器
- 每个.Net开发者现在应该下载的十个必备工具!
- Firefox搭配Multiget下载工具
- 使用 XUL 实现浏览器扩展,第 1 部分:使用用户界面特性创建一个 Firefox 浏览器扩展
- 对话Firefox Gecko内核开发者:李沫南
- 对话Firefox Gecko内核开发者:李沫南
- 三款工具助您将 Firefox 浏览器变为武器
- C#开发者DLinq概述(7):2006年5月Preview新特性
- .Net开发者必需的10个工具和10个小插件[整理]