總覽
透過網頁上的屬性對邊距/填充/間距進行顏色編碼，並配有浮動選單和徽章，方便快速檢查。
Spacing Trace is a professional visualization tool that lets developers and designers inspect every margin, padding, and gap on a web page at a glance. It eliminates the need to constantly open DevTools and dig through the Styles panel. Once enabled, the entire page is color-coded by property, and px numbers are shown at the center of each overlay. margin is orange, padding is green, and gap is purple. Hovering fades overlays with different px values so the target spacing stands out. You can turn the px badges on or off as needed. The floating menu lists each px value with its M / P / G counts, and hovering a row highlights the matching overlays. You can also highlight spacing by property directly from the panel. You can drag or collapse the menu so it never gets in the way. Use the context menu to toggle the extension, overlay visibility, or the px badges from anywhere on the page. For front-end engineers, UI designers, and QA teams who need precision in layout implementation.
詳細資料
- 版本1.1.1
- 已更新2026年1月19日
- 提供者Kaworu Inoue
- 大小34.38KiB
- 語言14 種語言
- 開發人員
電子郵件
dev_kwr@icloud.com - 非交易商這位開發人員並未表明自己是交易商。歐盟地區的消費者請注意，消費者權利不適用於你和這位開發人員之間簽訂的合約。
隱私權
這位開發者就你的資料做出下列聲明：
- 除經核准的用途外，不會將你的資料販售給第三方
- 不會基於與商品核心功能無關的目的，使用或轉移資料
- 不會為了確認信用度或基於貸款目的，使用或轉移資料
