在規則畫面的格線圖標

Firefox 52 新功能

自 Firefox 52 以後的開發者工具,可以針對格線布局,要求檢測器覆蓋上格線指示。

在擁有 display: grid 的元素內,規則畫面會出現格線圖標:。點選圖標以覆蓋顯示的格線,包括了線與軌道:

就算選擇其他元素,覆蓋還是會出現,因此你可以編輯 CSS 的格線單元、並檢查格線如何做動。

格線布局面板

Firefox 56 新功能

Firefox 56 基於前述的格線功能,提供了嶄新的面板。充分的選項及資訊,有利於格線偵錯。你可以在 Powerful New Additions to the CSS Grid Inspector in Firefox Nightly 查看所有需要的資訊。

參見

文件標籤與貢獻者

此頁面的貢獻者: iigmir
最近更新: iigmir,