此页面由 Cloud Translation API 翻译。

开发者工具的新变化 (Chrome 64)

Kayce Basques

欢迎回来！Chrome 64 中面向开发者工具推出的新功能包括：

性能监控器。实时查看网页的效果。
控制台边栏。减少管理中心内的干扰，专注于对您而言重要的消息。
将类似的 Play 管理中心消息归为一组。控制台现在默认将类似邮件归为一组。

请继续阅读或观看下方这些版本说明的视频版本。

注意：请前往 chrome://version 检查您运行的 Chrome 版本。如果您运行的是较早版本，则这些功能将不存在。如果您运行的是更高版本，这些功能可能已更改。Chrome 大约每 6 周会自动更新到新的主要版本。

性能监控

使用 Performance Monitor 可以实时查看页面加载或运行时性能的各个方面，包括：

CPU 使用率。
JavaScript 堆大小。
页面上 DOM 节点、JavaScript 事件监听器、文档和框架的总数。
每秒重新计算布局和样式的次数。

如果用户报告您的应用运行缓慢或卡顿，请查看 Performance Monitor 获取相关线索。

加载性能的重要性：在构建专注于速度的渐进式 Web 应用后，BookMyShow 的转化率提高了 80%。了解详情。

如需使用 Performance Monitor，请执行以下操作：

打开命令菜单。
开始输入 Performance，然后选择 Show Performance Monitor。

图 1. Performance Monitor
点击某个指标即可将其显示或隐藏。图 1 中显示了 CPU 使用率、JS 堆大小和 JS 事件监听器等图表。

将类似的控制台消息归为一组

控制台现在默认将类似邮件归为一组。例如，在图 3 中，消息 [Violation] Avoid using document.write() 有 27 个实例。

控制台将类似消息归为一组的示例

图 3. 控制台将类似消息归为一组的示例

点击某个群组可将其展开，并查看邮件的每个实例。

展开式控制台消息组示例

图 4. 展开式控制台消息组示例

取消选中将类似项目归为一组复选框以停用此功能。

本地替换

如果发生这种情况，我们最初计划在 Chrome 64 中推出此功能，但为了进行一些粗糙的调整，我们决定在临近截止日期时推出此功能。显然，“新版变化”界面没有及时更新。非常抱歉！

此功能将在 Chrome 65 中推出，并将在 Chrome 64 之后大约 6 周内推出。如需了解详情，请参阅本地替换。如果您使用的是 Windows 或 Mac，可以下载 Chrome Canary 来立即试用 Chrome 65。

下载预览渠道

请考虑将 Chrome Canary、开发者版或 Beta 版用作您的默认开发浏览器。通过这些预览渠道，您可以访问最新的开发者工具功能，测试先进的网络平台 API，并在用户之前发现您网站上的问题！

与 Chrome 开发者工具团队联系

使用以下选项讨论博文中的新功能和变更，或与开发者工具相关的任何其他内容。

请通过 crbug.com 提交建议或反馈。
在开发者工具中使用更多选项 > 帮助 > 报告开发者工具问题来报告开发者工具问题。
请发送电子邮件至 @ChromeDevTools。
请对我们的开发者工具新功能 YouTube 视频或开发者工具提示 YouTube 视频发表评论。