概述
通过网页上的属性对边距/填充/间距进行颜色编码，并配有浮动菜单和徽章，方便快速检查。
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 - 非交易者该开发者尚未将自己标识为交易者。欧盟地区消费者须知：消费者权利可能不适用于您与该开发者达成的合约。
隐私权
该开发者已声明，您的数据：
- 不会因未获批准的用途出售给第三方
- 不会为实现与产品核心功能无关的目的而使用或转移
- 不会为确定信用度或放贷目的而使用或转移
