今天 Chrome 更新了 87 最新版，這是今年最后一次 Chrome 更新了，這個(gè)版本是多年來(lái) Chrome 性能獲得最大提升的一次，開(kāi)發(fā)者工具也進(jìn)行了大幅度更新。

有用戶(hù)認(rèn)為，原本 Chrome 的性能問(wèn)題詬病已久，然而在新 Edge 出來(lái)了以后，性能突然就提升了，這顯然是谷歌方面受到了 Edge 市場(chǎng)份額暴增帶來(lái)的壓力。

另外，在 Mac 上的 Chrome 還更新了圖標(biāo)，這應(yīng)該是為了適配 Big Sur 專(zhuān)門(mén)進(jìn)行的設(shè)計(jì)。

原文：https://developers.google.com/web/updates/2020/10/devtools

PS：最新的 Chrome 更新視頻是一個(gè)日裔女的解說(shuō)，這英語(yǔ)口語(yǔ)真是醉了…

1. 新的 CSS Grid 調(diào)試工具

現(xiàn)在 DevTools 對(duì) CSS 的 Grid 有了更好的支持。

當(dāng)頁(yè)面上的 HTML 元素具有 display: grid 或 display: inline-grid 時(shí)，可以在 Elements 面板中看到它旁邊的一個(gè) Grid 標(biāo)記。單擊標(biāo)記可以切換頁(yè)面上 Grid 覆蓋的高亮顯示。

新的 Layout 子面板有一個(gè) Grid 標(biāo)簽，提供了查看 Grid 的一些選項(xiàng)。

查看文檔以了解