正值假日来临之际,Firefox开发者工具团队为您准备了一些精彩的新惊喜,让您在假期项目开发中尽情享受!内容非常丰富,让我们开始吧。
应用管理器
开发工具团队一直将应用管理器视为重点,在Firefox 28中,除了许多小的修复和改进之外,团队还添加了两个主要的新功能来帮助移动开发。这两个功能包括一个额外的清单编辑器和一个嵌入式工具箱。
清单编辑器允许开发者直接编辑其应用清单。使用此编辑器,您可以添加、编辑或删除应用的manifest.webapp中的字段,并将其保存回磁盘。此功能为开发者提供了集成的体验,因为用户在调试和改进应用程序时无需离开工具。
应用管理器中另一个新增的功能是嵌入式工具箱。现在,当您调试您的应用(使用模拟器或在设备上)时,工具箱将在应用管理器中以单独的垂直“选项卡”形式打开,并且可以通过应用的图标轻松区分。
网页控制台
网页控制台最大的变化是名为“分割控制台”的功能;网页控制台现在可以从任何其他工具中调用。使用分割控制台模式非常简单 - 如果您正在使用任何其他工具并且需要访问控制台,只需按Escape键或单击按钮即可切换分割控制台,如下面的简短屏幕录像所示。
但这并不是对控制台的唯一改进。除了分割控制台之外,我们还做出了以下更改:
- CSS警告默认关闭 – CSS警告通常会在页面加载时向控制台添加数百条消息。
- 控制台现在将为调试器所在的当前作用域提供自动完成建议。
- 消息时间戳可以切换开启/关闭(默认关闭)。
console.exception()
和console.assert()
已添加到控制台API。- 我们为控制台添加了深色主题。
调试器
在调试器中,我们添加了两个开发者一直要求的关键功能。首先,我们添加了美化打印压缩的JS文件的功能。
如果您压缩了JavaScript代码或需要单步执行来自远程站点的压缩库,此功能特别有用 - 只需单击压缩按钮(上图)即可获得格式更加美观的版本。
除此之外,我们还为调试器添加了一项功能,允许您在调试时检查变量的值。对于任何变量,只需将鼠标悬停在其上或单击它即可弹出一个显示当前值的弹出窗口。
弹出窗口不仅允许您检查布尔值(如上图)等简单类型,还可以检查对象和DOM节点。
检查器
继在Firefox 27中向检查器添加各种工具提示之后,我们在检查器中添加了一些其他功能:
- 规则视图中的颜色选择器工具提示。
- 我们更新了工具提示的样式,使其更好地匹配深色和浅色主题。
- 根据您的反馈调整了工具提示的显示超时时间。
这是一张截图,让您了解颜色选择器工具提示的外观。
总结
这是一个非常长的列表,但还有几个额外的更改我想特别指出:
- 网络监视器现在有一个清除按钮,这对于开发大量使用Web API的应用的开发者来说应该特别有用。
- 作为附加组件或平台开发者的额外奖励,我们扩展了浏览器调试器的功能并将其重命名为浏览器工具箱。当您打开工具箱时,您将看到一系列完整的工具,不仅包括调试器,还包括控制台、检查器、样式编辑器、性能分析器、网络监视器和Scratchpad。
关于 Robert Nyman [荣誉编辑]
技术布道师兼Mozilla Hacks编辑。发表HTML5、JavaScript和开放Web方面的演讲和博客文章。Robert是HTML5和开放Web的坚定支持者,自1999年以来一直从事Web前端开发工作 - 在瑞典和纽约市。他还在http://robertnyman.com上定期发表博客文章,并且热爱旅行和结识新朋友。
16条评论