大家好，在开发者工具摘要的上一版本中，我们介绍了强大的异步调用堆栈和其他几个堆栈。在这一期，我们将看到改进的 Network 面板过滤功能（具有自动补全功能）、通过 Shadow DOM 内容编辑功能、对 CodeMirror 4 进行更新等。
网络面板过滤
您现在可以按特定字段（例如网域）过滤资源。一种过滤条件格式为：Domain:website.com。除了过滤之外，您还可以获取针对有效过滤条件值的自动补全建议，这些建议会在您输入查询时实时更新。当您需要查找特定网域提供的所有资源时，可能会发现此功能很有用。[crbubg.com/258421]
修改 Shadow DOM 内容
开发者工具一直能够在 Elements 面板中修改常规 HTML，这些功能现在已扩展到 Shadow DOM 的一部分元素。[crbug.com/348991]
升级到 CodeMirror 4.0
作为“Sources”面板一部分使用的基于 JavaScript 的文本编辑器 CodeMirror 升级到版本 4。因此，我们添加了许多新功能。crbug.com/356878]
快速搜索 CSS 属性
现在，您可以在“样式”窗格中的新搜索框中搜索属性名称、值或规则选择器。在您输入查询时，系统会实时突出显示相关结果。[crbug.com/278852]
控制台消息旁边的时间戳
快速连续记录消息时，查看记录消息的确切时间可能会有所帮助。您可以通过开发者工具实验来启用此功能。[crbug.com/131714]
堆快照的内存统计信息细分
在查看记录的堆快照时，请注意观察饼图，该饼图以不同颜色直观显示了 JavaScript 的哪一方面消耗的内存最多。目前是一项实验性功能，启用“堆快照统计信息”即可试用。[crbug.com/346335]
查看 console.log 的原始来源，而不是封装版本
您可能有一个 console.log 封装容器函数，但不幸的是，在控制台中，所有消息都来自 util.js:46 之类的内容。现在，您可以让开发者工具解析原始位置。将封装控制台日志消息的文件输入“Skip stepping over sources with specific names”输入框，让开发者工具将其黑箱，然后显示日志语句的真实来源。[crbug.com/231007]
一些小巧但功能强大的附加内容
动态添加或移除 JavaScript 事件监听器后，在“元素”面板中刷新“事件监听器”窗格。[crbug.com/341044]
您可以使用
Ctrl+将焦点置于控制台输入上，您会发现这对于开发者工具中的仅使用键盘的工作流程很有用。[crbug.com/144943]更新了针对值（虚线、虚线、双精度和凹槽）的边框样式的自动补全建议，以符合规范。[crbug.com/349998]
“Settings”面板中新增了 Restore Default and reset 按钮 **，它的实际操作方式与锡版上所显示的按钮完全一致。[crbug.com/135451]
目前是一项实验性功能，您可以尝试停靠到左侧，以了解其是否适合您的工作流程。其他布局模式包括固定到主窗口（右侧或底部）和从基座上移除到单独的窗口。[crbug.com/134282]
“wheel”现已作为事件监听器断点提供，这是对常规点击、mousemove、mousedown 等事件的补充。[crbug.com/347562]
以上就是所有注意事项，感谢阅读！