尺寸檢查 |格里德曼

Gridman 是每位前端開發者必備的 Chrome 擴充功能。這套工具包旨在提升您的工作效率，改善您的編碼體驗。

DOM 檢查
立即檢查 DOM 元素。只需懸停即可顯示目標及其父元素的詳細資訊，簡化您的分析和調試過程。

持久性
Gridman 獨特地在主機重載之間持久存在。點擊一個元素，即使在頁面刷新後也能保持您的洞察力，節省您寶貴的時間和精力。

Tailwind
Tailwind 開發者們，歡呼吧！輕鬆檢查類集，看看 Tailwind CSS 如何使您的設計栩栩如生。

布局
無論您是在使用 CSS Grid 還是 Flexbox，Gridman 都會顯示行、列、內邊距、外邊距等等。輕鬆理解和操縱複雜的布局。

任何地方
只需點擊擴充功能圖標，即可在任何網頁上啟動這個工具包。

懸停
僅通過鼠標懸停，就能揭示 DOM 結構的複雜性。可視化理解元素是如何嵌套和關聯的。

加入
使用 Gridman，您不僅僅是在使用一個工具；您正在升級您的整個開發過程。立即下載，體驗您的前端開發之旅的革命性變革！

評審
Gridman 對您的體驗對我來說非常重要。如果您發現它有幫助，我將非常感激您能花一點時間分享您的想法。您的反饋不僅有助於改進，還有助於其他開發人員發現這個擴充功能的好處。感謝您的支持，並成為 Gridman 支持者的重要一部分！

不工作
如果有什麼沒有按預期工作，我懇請您考慮提出任何疑問或問題。我理解每一條評價，無論是正面還是負面，都為我提供了學習和改進的機會。然而，我也相信通過溝通了解和解決問題的重要性。請隨時在此向我提問：https://fenvox.com/gridman#ask-section。我始終在這裡協助您！

本地文件
您是否嘗試將其應用於像 'file:///...' 這樣的本地文件 - 但沒有顯示任何內容？

回答：Gridman，像任何 Chrome 擴充功能一樣，不會在本地文件上工作。出於安全原因，Chrome 不允許這樣做。這是正確的。您可以想像如果任何 Chrome 擴充功能能夠訪問您電腦上的文件系統，將會帶來什麼後果。
要在本地文件上使用 Gridman，我建議使用一個微型 http-server，您可以在此處獲取 https://www.npmjs.com/package/http-server