今天 Chrome 更新了 87 最新版,这是今年最后一次 Chrome 更新了,这个版本是多年来 Chrome 性能获得最大提升的一次,开发者工具也进行了大幅度更新。
有用户认为,原本 Chrome 的性能问题诟病已久,然而在新 Edge 出来了以后,性能突然就提升了,这显然是谷歌方面受到了 Edge 市场份额暴增带来的压力。
另外,在 Mac 上的 Chrome 还更新了图标,这应该是为了适配 Big Sur 专门进行的设计。
原文:https://developers.google.com/web/updates/2020/10/devtools
PS:最新的 Chrome 更新视频是一个日裔女的解说,这英语口语真是醉了…
1. 新的 CSS Grid 调试工具
现在 DevTools 对 CSS 的 Grid 有了更好的支持。
当页面上的 HTML 元素具有 display: grid
或 display: inline-grid
时,可以在 Elements 面板中看到它旁边的一个 Grid 标记。单击标记可以切换页面上 Grid 覆盖的高亮显示。
新的 Layout 子面板有一个 Grid 标签,提供了查看 Grid 的一些选项。
查看文档以了解