作者：Firefox 26 刚刚升级到 Aurora 发布通道，这意味着我们又可以来报道 Firefox 开发者工具的新功能了。这里总结了一些最令人兴奋的新功能。
检查器：伪元素支持
为了在元素设计中获得更大的灵活性，而无需使用额外的节点，使用 CSS 伪元素 非常常见，例如 (`:before/:after{content:””}`). 在检查器中，现在可以查看应用于伪元素的规则。
调试器：在未捕获异常时中断
现在可以在未捕获异常时暂停调试器。这使得调试意外错误更容易，并防止开发人员不得不跨越大量由 Try/Catch 块处理的异常。
Web 控制台：更好的文本选择
以前很难从 Web 控制台选择文本。修复此错误需要对控制台输出区域进行完全重写。这将使日志的复制/粘贴更加简单，并为即将推出的改进的控制台输出功能奠定了基础。
全局 UI 改进
现在可以放大和缩小所有开发者工具的 UI。您更喜欢更大的字体吗？按下 Ctrl +。更小？Ctrl -。（在 Mac OS X 上为 Cmd）。
检查器中的 DOM 视图也得到了改进。选择更加明显，展开节点更容易，并且非常长的属性现在被截断了。
键盘快捷键改进：现在更容易从键盘控制工具。我们创建了许多新的键盘快捷键，并试图与其他浏览器兼容。所有 开发者工具的可用键盘快捷键 都在 MDN 上列出。
另外，我们还将 URL 预览（鼠标悬停在链接上时弹出的栏）移动到工具箱上方。它不再覆盖 Web 控制台输入或任何其他工具了。
响应式设计视图
响应式设计视图有 3 项新改进
- 触摸事件模拟（鼠标事件被转换为触摸事件）
- 快速截图
- 精确调整大小。在移动鼠标的同时按住 Ctrl 键，可以进行更精确的调整大小
我什么时候可以使用这些功能？
所有这些功能以及更多功能都可以在 Firefox Aurora 发布通道中使用。再过 12 周，这些功能将进入 Firefox 稳定版。
对 devtools 有什么反馈吗？在 Twitter 上 ping @FirefoxDevTools，或在 irc.mozilla.org 上访问 #devtools。
关于 Paul Rouget
Paul 是一名 Firefox 开发人员。
关于 Robert Nyman [名誉编辑]
Mozilla Hacks 的技术布道者和编辑。进行关于 HTML5、JavaScript 和开放 Web 的演讲和博客。Robert 是 HTML5 和开放 Web 的坚定支持者，自 1999 年以来一直从事 Web 的前端开发工作 - 在瑞典和纽约市。他还定期在 http://robertnyman.com 上发表博客，喜欢旅行和结识朋友。
17 条评论