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

发布了20 篇原创文章 · 获赞 9 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/time1812/article/details/97614977