木子卜—个人博客

Chrome 87 新特性

Chrome 更新了 87 最新版,这是今年最后一次 Chrome 更新了,这个版本是多年来 Chrome 性能获得最大提升的一次,开发者工具也进行了大幅度更新。

有用户认为,原本 Chrome 的性能问题诟病已久,然而在新 Edge 出来了以后,性能突然就提升了,这显然是谷歌方面受到了 Edge 市场份额暴增带来的压力。

另外,在 Mac 上的 Chrome 还更新了图标,这应该是为了适配 Big Sur 专门进行的设计。

1. 新的 CSS Grid 调试工具

现在 DevTools 对 CSS 的 Grid 有了更好的支持。当页面上的 HTML 元素具有 display: grid 或 display: inline-grid 时,可以在 Elements 面板中看到它旁边的一个 Grid 标记。单击标记可以切换页面上 Grid 覆盖的高亮显示。

2. 新的 WebAuthn 面板

现在,可以模拟身份验证器并使用新的 WebAuthn 选项卡调试 Web 身份验证 API。

3. 开发者工具的面板现在支持垂直分屏

DevTools 现在支持将 DevTools 工具面板移动到顶部和底部,通过这种方式,可以同时分屏查看任意两个工具面板。

4. Elements 面板功能更新

现在可以在 Computed 侧边栏中按类别对 CSS 属性进行分组。
现在可以切换 Styles 面板中的 Computed 侧边栏。

5.更新 Lighthouse 6.4

Lighthouse 面板现在更新到了 Lighthouse 6.4,查看 release notes 可以看到完整的新特性清单。

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »