Firefox29已经上线极光发布通道阶段。),这意味着该版本的重要更新是时候揭晓了,本文将带您通过新的开发者工具。更好看的开发人员工具除了添加新功能外,我们还更新了深色和浅色主题的外观。我们对Light主题进行了重大改革,整个工具箱在两个主题之间保持了统一的设计。您可以在工具箱的设置中更改主题。(有关详细信息,请参阅开发说明)NetworkMonitorNetworkMonitor向您显示浏览器加载网页的各种文件所花费的时间。此功能可以帮助您分析网站在首次加载和有缓存时的网络性能。(详见开发笔记)点击网络面板中的秒表图标,打开性能分析工具。观看下面的视频,您还可以在MDN上查看更多详细信息。在较新版本的Firefox中,您可以复制数据URI格式的图像请求。只需右键单击图像请求,在右键菜单中选择“将图像复制为数据URI”,数据就会保存到您的系统剪贴板中。(有关详细信息,请参阅开发说明)元素检查我们之前通过将元素选择器按钮与其他按钮放在同一行来对元素选择器进行了更改。(有关详细信息,请参阅开发说明)我们已将CSS转换预览框添加到CSS规则视图中。现在,如果将鼠标悬停在CSS转换规则上,您将在弹出的预览框中看到效果。立即下载FirefoxNightly或DawnEdition,体验CSSTransformation的效果。(详见开发笔记)CSS规则视图现在支持粘贴多条CSS语句,如background:#ccc;color:red(详见开发笔记)和网络面板一样,也可以在DataURI中复制这里格式化图片。(详见开发笔记)样式编辑器样式编辑器现在支持CSSsourcemaps(详见开发笔记),可以自动填充CSS属性和值。(详见开发笔记)想看更多相关内容?您可以查看我们之前关于如何在DevToolsDebugger中使用源映射编辑Sass和Less文件的帖子。我们在源文件列表的右侧添加了一个经典的调用堆栈列表。(详见开发说明)调试器中还有一个新的“启用/禁用所有断点”按钮。可以一次性切换所有断点的状态,方便开发者快速切换正常模式和调试模式。(有关详细信息,请参阅开发说明)您还可以直接从调试器中选择和检查DOM节点。如果您的鼠标悬停在变量列表中的某个DOM节点变量上,页面中相应的元素将被高亮显示。如果单击下面显示的检查器图标,节点将在元素检查器选项卡中打开。控制台输出的节点也支持此功能。(有关详细信息,请参阅开发说明)新的漂亮打印机现在保留源代码中的注释。我们用的pretty工具是开源的pretty-fast,相当快。如果您发现它运行缓慢,请告诉我们。(详见开发说明)Console我们改进了console.trace。调用堆栈显示在控制台输出的其余部分旁边,在每一行的末尾都有一个指向相应源代码的链接,可以单击它在调试器中将其打开。(详见开发笔记)同时,我们还改进了控制台中对象的输出。根据对象的类型,控制台将显示不同的详细信息。(详见开发笔记)代码编辑器开发者工具中的很多小工具都提供了代码编辑功能,比如暂存器(Scratchpad)、样式编辑器和调试器。新版代码编辑器有以下更新:代码折叠。(详见开发笔记)支持Emacs快捷键和VIM快捷键。打开about:config页面,将devtools.editor.keymap设置为vim或emacs,然后重启开发者工具。(详见开发笔记)支持ES6语法高亮。(详见开发说明)非常感谢本次更新开发者工具的开发者(共43个)!以下是Firefox29中修复的与开发者工具相关的错误列表。如果您有任何反馈、错误提交、拉取请求或其他问题,您可以一如既往地在本文下方发表评论,或联系我们的团队@FirefoxDevTools。原文链接:BrianGrinstead译文:伯乐在线-方英航译文链接:http://blog.jobbole.com/60204/
