使用 DOM 面板的新上下文菜单高效编辑节点。直接通过“资源”面板调试服务工作器。从颜色选择器中的所有 Material Design 色调中进行选择。更轻松地对黑盒 JS 库进行测试。
DOM 面板的全新改进版上下文菜单
我们分析了 DOM 面板中最常用的操作，并得出以下结论：右键上下文菜单应保持井然有序且可重新组织。
现在，您可以更轻松地快速隐藏或删除元素、触发特定状态（例如 :active 或 :hover），或修改其 HTML。如果您在使用触控板，不想费心右键点击，则点击所选元素旁边的三个小圆点。
通过“资源”面板调试 Service Worker
Service Worker 在设置完毕后可发挥卓越的作用，但一开始您可能很难将它“包围”。更糟糕的是，调试这些问题需要离开 DevTools 并在新浏览器窗口中打开 chrome://serviceworker-internals/。
现在不一样了！现在，您可以直接从“资源”面板调试当前网域的服务工件。它仍处于开发阶段，但相对于以前的现状，已经有了很大的改进。
所有颜色：colorpicker 中的 Material Design 阴影
几周前，我们在 colorpicker 中添加了 Material Design 调色板，可直接使用醒目的主要颜色。要实际设计完整页面，不可避免地需要对所有 Material Design 色调拥有完全访问权限，我们已将这些访问权限内置在其中。
如需调出色调，请长按某种主色，然后点击相应色调。
在设置中更轻松地使用黑盒 JavaScript 库
JavaScript 黑盒化已经存在一段时间了，但不太容易发现。通过此功能，您可以将网页上的脚本设为黑箱，以便仅专注于您编写的代码（并隐藏所有封装代码）。
我们现已将其移至“设置”。不妨试试：
其他优秀选手
- 缺少对呈现功能切换开关的访问权限？渲染设置已移至开发者工具主菜单（位于“更多工具”下）。除了常见的可疑项（例如 FPS 计量器），我们还将“模拟打印媒体”移到了此处。
- 厌倦了在多功能框中输入 chrome://inspect？现在，您还可以在新的主菜单的“更多工具”下找到检查设备。
- 无意中关闭了“渲染”或“搜索”等可关闭的抽屉式标签页？现在，您可以使用左侧的新菜单重新打开这些窗口。
一如既往，您可以通过 Twitter 或在下方留言的方式与我们分享您的想法，并通过 crbug.com/new 提交 bug。
下个月再见！
Paul Bakaus 和 DevTools 团队