火狐中的CSS Grid Inspector新加強大的功能

上週，我談到了平常的網站瀏覽我用Firefox，可是在切圖網作前端開發的時候我會用Chrome。 隨着每一個版本，FF Nightly在開發工具箱中有一些愈來愈棒的工具，這些更新使Firefox成爲瀏覽器的最佳選擇，並瞭解網格佈局

側邊欄中還有一個新的互動網格輪廓。 將鼠標懸停在輪廓上以突出顯示網頁上的部分，並顯示大小，面積和位置信息。

新的「顯示網格區域」設置顯示每一個單元格中的邊界區域和相關區域名稱。 此功能的靈感來源於CSS Grid Template Builder，由Anthony Dugois建立。

 

原文來自火狐官方日誌

https://hacks.mozilla.org/2017/06/new-css-grid-layout-panel-in-firefox-nightly/