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

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

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

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

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

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

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

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

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

查看文檔以了解