最近发布了一些版本,并且 Firefox 24 的开发者工具中将包含大量新功能。Firefox 24 目前处于 alpha 频道 Firefox Aurora,将于 2013 年 9 月 17 日进入主发布频道。
这次发布将带来大量很棒的新功能。我在这里只介绍了一些亮点;要查看开发者工具所有新变化的完整列表,请查看 自上次发布以来修复的错误的完整列表。
控制台清理
一个经常被要求的功能,现在当您刷新页面时,控制台将清除所有现有日志。如果您需要日志在重新加载时保留,请放心:此行为可以在选项面板中切换。这样可以减少混乱!
用户还报告“清除”按钮令人困惑。由于按钮紧邻过滤搜索框,因此不清楚它是清除日志还是过滤文本。我们已经移动了它,这样就不会再出现这种情况了!
源映射技巧
源映射现在默认启用。如果您需要调试由您的工具或编译器生成的 JavaScript 而不是原始源代码,您仍然可以在调试器选项中打开和关闭它们。
此外,由于 Internet Explorer 中存在问题,源映射规范已更新,以便您使用 //#
将源映射链接到其脚本,而不是过时的
sourceMappingURL=...//@ sourceMappingURL=...
。我们仍然会尊重旧样式,但会警告您它已过时。 这是更改原因的摘要。
最后,如果存在,我们将从其源映射的 sourcesContent
属性加载源映射源的文本。此属性已添加到源映射中以启用动态源映射创建,并将您的源代码捆绑到源映射中,这样您就不需要在服务器上处理额外的文件。
调试器开发
冻结的、密封的和不可扩展的对象现在在调试器的变量视图中以视觉方式区分。
此外,在调试器中从堆栈帧中步出时,您现在将在变量视图中看到返回值或抛出的异常(取决于您退出帧的原因),分别标记为 <return>
和 <exception>
。
无 JavaScript 的乐趣
需要查看您的网页在禁用 JavaScript 时如何优雅地降级吗?转到选项面板,您可以快速为当前选项卡禁用 JavaScript。这将持续到您关闭选项卡或开发者工具为止。
网络监控魔法
您现在可以在网络监控器中按请求类型进行过滤。只想查看样式表的请求?或者可能只想查看 XHR?我们满足您的需求。最重要的是,现在底部列出了请求总数、文件大小和响应时间,这些数据会根据您的过滤器进行更新,因此您可以看到每次页面加载时请求了多少 KB(甚至 MB)的图像。
分析器小贴士
您现在可以通过 Web 应用程序代码库中的 console.profile()
控制分析器以启动新分析,并通过 console.profileEnd()
结束分析。无需再修剪样本范围,从代码中的所需位置开始和停止分析!
本集到此结束。继续为免费网络进行开发!
关于 Nick Fitzgerald
我喜欢计算、自行车、嘻哈、书籍和绘图仪。我的代词是 he/him。
关于 Robert Nyman [荣誉编辑]
Mozilla Hacks 的技术布道者和编辑。发表演讲和博客,内容涵盖 HTML5、JavaScript 和开放网络。Robert 是 HTML5 和开放网络的坚定支持者,自 1999 年以来一直从事 Web 前端开发工作——在瑞典和纽约市。他经常在 http://robertnyman.com 上发表博客,喜欢旅行和结识新朋友。
11 条评论