作者：一组新的 Firefox 开发者工具功能刚刚被提升到了 Aurora 频道。这些功能现在可以在 Aurora 中使用，并将包含在 11 月发布的 Firefox 34 中。此版本带来了新工具（存储检查器、WebIDE）、一个更新的分析器，以及对现有工具的便捷增强功能。
WebIDE
WebIDE 是一种用于浏览器内应用程序开发的新工具，已在此版本中默认启用。 WebIDE 允许您从模板创建新的 Firefox OS 应用程序（它只是一个 Web 应用程序），或打开已创建应用程序的代码。从那里您可以编辑应用程序的文件。只需单击一下即可在模拟器中运行应用程序，再单击一下即可使用开发者工具进行调试。从 Firefox 的“网页开发者”菜单中打开 WebIDE。（文档）
存储检查器
有一个新的面板显示了您的页面存储在 cookie、localStorage、sessionStorage 和 IndexedDB 中的数据，该面板主要是由 Girish Shama 创建的。通过勾选 存储 面板来启用它，方法是勾选 设置 > “默认开发者工具” > “存储”。该面板目前只读，计划在未来版本中添加编辑功能。（文档）（开发笔记）（UserVoice 请求）
jQuery 事件
检查器 中的事件监听器弹出窗口现在支持 jQuery。这意味着弹出窗口将显示您附加的函数，例如 jQuery.on()，而不是 jQuery 包装函数本身。有关更多信息和如何添加对您首选框架的支持，请参阅 这篇文章。（开发笔记）
Iframe 切换器
使用新的框架选择菜单更改您正在调试的框架。选择一个框架将切换所有工具以调试该 iframe，包括检查器、控制台和调试器。通过勾选 设置 > “可用工具栏按钮” > “选择一个 iframe” 来添加框架选择按钮。（文档）（开发笔记）（UserVoice 请求）
更新的分析器
更新的 JavaScript 分析器出现在新的“性能”选项卡（以前称为“分析器”选项卡）中。分析器的新功能包括帧率时间线和用于“网络”和“图形”等帧的类别。（文档）（开发笔记）
console.table()
在您的 JavaScript 代码中任何地方添加对 console.table() 的调用，以便使用类似表格的显示方式将数据记录到控制台。记录任何对象、数组、Map 或 Set。通过单击表头的列对表格进行排序。（文档）（开发笔记）
选择器预览
将鼠标悬停在检查器或样式编辑器中的 CSS 选择器上，以突出显示页面上与该选择器匹配的所有节点。（开发笔记）
其他提及
- 持久拆分控制台 - 拆分控制台（通过按 ESC 键打开）现在将在您上次关闭工具时打开时打开工具。（开发笔记）
- Web 音频 - AudioParam 连接 - Web 音频编辑器 现在显示了从 AudioNodes 到 AudioParams 的连接。（开发笔记）
特别感谢在本次发布中添加了 所有功能和修复 的 41 位贡献者。
请在此处发表评论，将反馈发送到 @FirefoxDevTools，或在 开发者工具反馈频道 中提出更改建议。如果您想帮忙，请查看 参与指南。
关于 Heather Arthur
Mozilla 的 Firefox 开发者工具开发者，主要负责样式工具。
关于 Robert Nyman [荣誉编辑]
Mozilla Hacks 的技术布道师和编辑。发表关于 HTML5、JavaScript 和开放网络的演讲和博客。Robert 是 HTML5 和开放网络的坚定支持者，自 1999 年以来一直在从事 Web 前端开发工作 - 在瑞典和纽约市。他还经常在 http://robertnyman.com 上发布博客，喜欢旅行和结识新朋友。
35 评论