又一个版本发布了,现在是时候来看看 Firefox 23(目前为 Aurora,我们的预发行版通道)中的开发者工具有什么新功能了。你可以从 Aurora 下载页面 下载它。Firefox 23 预计于 2013 年 8 月 6 日星期二正式发布。
第 XXIII 集是一个激动人心、令人惊叹的史诗般壮观景象,一定会让你感到高兴和娱乐。如果你想提前预览正在积极开发中的功能,可以试用 Nightly 版本。
网络监控器
工具箱里增加了一个新工具:网络监控器。它以经典的瀑布式时间线视图展示网站上的网络活动。这些数据自 Firefox 4 起就通过 Web 控制台提供,只是视觉效果不那么美观。
请在 Bugzilla 中的 开发者工具:Netmonitor 组件下提交 Bug 报告。
远程样式编辑器
在 Firefox 23 中,你现在可以通过远程连接在支持该功能的设备上编辑样式。对于希望通过远程协议实时测试和调试移动设备上的样式的应用开发者来说,这将是一个很大的帮助。
截至本文撰写时,远程样式编辑器应与 Firefox for Android 23 版本兼容,该版本也计划升级到 Aurora。我们正在努力 将样式编辑器 Actor 集成到 Firefox OS 模拟器中,并正在调查如何将它们移植到 Firefox OS 发布版。
选项面板
我们在工具栏中添加了一个齿轮菜单,其中包含一个选项面板,用于打开或关闭工具。随着我们添加更多功能,它将成为管理与开发者工具相关的首选项的重要场所。
目前,选项包括为工具打开浅色或深色主题以及启用 Chrome 调试功能。
对调试器协议的初步 SourceMap 支持
调试器对 SourceMap 的第一批支持已经到位,我们现在能够为您提供 SourceMapped 的 JS 文件以供调试。很快,断点的列支持也将到来,使您能够使用 SourceMap 调试压缩后的 JS 代码。
请关注 Nick Fitzgerald 在 Hacks 上发布的有关该功能的博客文章,它将解释其背后的魔法。
变量视图无处不在
我们的变量视图是一个改进后的对象检查器,是调试器的重要组成部分。自然地,我们希望将其置于所有地方。因此,Web 控制台和 Scratchpad 现在也拥有变量视图。使用 ESC 键将其关闭。
浏览器控制台
如果启用了 Chrome 调试功能,请查看浏览器控制台。它是古老的错误控制台的替代品,为您提供了一个 Chrome 上下文的命令行,用于对浏览器执行 JavaScript 代码。它非常棒,默认情况下将在 Firefox 24 中启用。
GCLI Appcache 命令
我们终于为尝试使用 App Cache 存储离线数据的开发者提供了一些东西。一个名为 appcache
的新命令,用于图形命令行。你可以在 Mike Ratcliffe 的 The Application Cache is no longer a Douchebag 文章中阅读相关信息。
调试器框架中的 Web 控制台
Web 控制台现在已完全远程化(自版本 18 起),现在它将使用调试器在断点处暂停时的当前框架。
多个暂停的调试器
你现在可以使用脚本调试器同时调试多个标签页。以前,当尝试在两个不同的标签页上使用调试器时,你会收到通知,要求你在另一个标签页上恢复调试器。现在,你可以根据需要调试任意数量的标签页。
但是,这种强大功能有一个注意事项。由于每个调试器创建的嵌套事件循环,你必须按照暂停时的顺序恢复每个标签页。谨慎调试,并始终携带一个大型堆栈。
你可以在表格形式的 修复的 Bug 列表中查看 Firefox 23 开发者工具修复。
关于 Robert Nyman [名誉编辑]
Mozilla Hacks 技术布道师和编辑。发表演讲和撰写关于 HTML5、JavaScript 和开放网络的博客文章。Robert 是 HTML5 和开放网络的坚定支持者,自 1999 年以来一直从事 Web 前端开发工作,在瑞典和纽约市都有工作经验。他还定期在 http://robertnyman.com 上发表博客文章,喜欢旅行和结识新朋友。
24 条评论