本月，Chrome Canary 推出了众多功能。请继续阅读，了解哪些第三方脚本会导致您网站上的性能问题（时间轴中的汇总详细信息），如何使用新版调色板选择一致的颜色，如何使用可自定义的网络配置文件模拟会议 Wi-Fi，以及如何利用新版主菜单和更实用的提示，更高效地使用 DevTools 界面。
更好地归因性能问题：时间轴中显示汇总详细信息
在当今的网站上，我们越来越多地使用第三方信标、分析、社交、字体加载和广告服务，有时甚至过多。为避免这种情况，并让您了解问题，我们将在时间轴中引入汇总详细信息。
在汇总详情标签页中，您可以仅关注耗用大量资源的函数或整个调用树，然后按网域、子网域或不同的网址对所选数据进行细分。例如，在上述网页加载时间轴中，您现在可以轻松将速度缓慢归因于来自 facebook.net 或 twitter.com 等网域的第三方脚本。
全新的专用主菜单
为了简化主工具栏，我们将抽屉、设置和底部固定图标移到了新的专用主菜单中。
特别是，对接变得更加简单。每个停靠位置都有自己的图标，无需长按上一个图标。
除了固定功能之外，我们还添加了快速访问文件搜索、快捷方式和帮助（可前往我们的新首页）。
通过改进后的提示探索开发者工具
我们在开发者工具中提供了许多按钮，但我们知道并非所有按钮都自带说明。现在，我们已将系统原生提示框替换为与平台一致的自定义提示框，以便用户更轻松地发现操作及其快捷方式。
新版提示会更快地显示，并且包含键盘快捷键（如果有）。
创建自定义网络节流性能分析报告
如果网络节流器的默认选项对您的用例来说过于限制，并且您需要“会议 Wi-Fi”选项，或者想怀旧一下，想采用传统方式并模拟“110 波特”线路，那么我有好消息要告诉您。我们添加了一个新的“设置”面板，您可以通过该面板执行上述任何操作。
自动、Material 和自定义调色板
无论您是想重新打造魔术般的色彩，还是使用现有调色板，改进后的颜色选择器都能帮助您为网站选择一致的调色板。
点击调色板旁边的小型切换器图标，您可以从以下选项中进行选择：
- 网页颜色 - 此调色板会根据我们在 CSS 中找到的颜色自动生成，因此非常适合扩展现有网站。
- Material Design - Material Design 调色板提供开箱即用的漂亮颜色，是开始新项目时的理想之选。目前，您可以找到所有主色，但我们很快就会推出所有色调。
- 自定义 - 这是您自己的实验场。如需添加新颜色，请在选择器中选择一种颜色，然后点击调色板旁边的“加号”图标。拖动即可重新排列，右键点击即可显示更多选项，例如“移除”。
欢迎您提供反馈意见，告诉我们如何进一步延伸色彩故事。
其他优秀选手
- 使用 fetch() API 发出的请求现在会显示在“网络”面板中
- 自动面板布局可确保当您调整 DevTools
面板的大小时，面板会适应新的空间限制。 - 检查元素和设备模式中新增了一组图标。
- 现在，DOM 面板中的属性现在采用不同的颜色，即使节点处于突出显示状态也是如此。（之前都是白色的。）
- 隐藏元素（通过在所选 DOM 节点上按“h”激活）现在会在左侧显示灰色圆圈指示器，DOM 断点也是如此，只不过显示的是蓝色圆圈。（这类似于我们已经用于强制设置元素状态（例如 :hover）的橙色指示器）。
一如既往，您可以通过 Twitter 或下方的评论与我们分享您的想法，并通过 crbug.com/new 提交 bug。
下个月见！
Paul Bakaus 和 DevTools 团队