Chrome 76开发者工具更新

CSS根据值自动补全

当我们给一个DOM 节点添加样式声明的时候，有时候属性的值比名字更好记。比如说当我们想让

元素加粗， "bold"值也许比属性名"font-weight"更好记。现在样式窗格的自动补全功能支持根据CSS值来补全。如果你只能想起来某些值的关键字但想不起来属性名了，试试输入值，自动补全功能将帮助你找到。

网络设置的新界面

过去的网络面板有个问题：当调试窗口太窄时有些开关就看不到了。为了解决这一问题，一下不太常用的选项被移动到了新的 ”网络设置“窗格（点击齿轮按钮）。
下列选项被移动到了网络设置：

• 使用大request rows
• 按Frame分组
• 显示概要
• 截图

HAR导出WebSocket消息

当我们从网络面板导出HAR文件来飞行网络日志的时候，HAR文件现在可以包含WebSocket消息了。
以”_webSokcetMessages“开头的属性表明。

HAR导入导出按钮

现在使用”Export All As HAR With Content“ (图标是下箭头)和"Import HAR File"（图标是上箭头）按钮可以很容易做导入导出。

实时总内存用量

Memory（内存）面板现在可以实时显示使用的内存总量。

Service worker 注册端口号

Service worker 窗格现在在标题中包含端口号，这让我们更容易跟踪我们调试的Service worker。

监视后台Fetch和后台Sync事件

在Application面板中使用新的”Background Services“部件，可以监视后台的Fetch和后台Sync事件。

Puppeteer for Firefox

”Puppeteer“是一个自动化操作Chromium的高级Node API。
"Puppeteer for Firefox"是一个新的实验性项目，可以让你自动化操作Firefox。换句话说，你现在可以使用相同的node API来自动化操作Firefox 和Chromeium