显示所有填充和边距

代码木鱼

概述
有没有想过一次性看到网页上所有元素的内边距和外边距？这个扩展程序正是这样做的，突出显示所有内边距和外边距，同时在悬停时提供目标元素的附加信息。您不再需要通过 Chrome Dev Tools 一次一个元素地排除元素定位问题。有了这个扩展程序，所有这些都可以直接看到。

功能：

1. 可视化内边距和外边距：立即查看网页上所有元素的内边距和外边距，使理解和调试布局问题变得更容易。
2. 悬停详情：悬停在任何元素上，获取其内边距、外边距和其他样式属性的详细信息。
3. 快速切换：通过点击扩展图标或方便的键盘快捷键 Ctrl+Shift+Y 来激活或停用扩展程序。

为什么你需要这个扩展程序：

1. 节省时间：快速诊断和修复布局问题，无需在 Chrome Dev Tools 中挖掘嵌套元素。
优化工作流程：通过清晰的元素间距可视化表示来简化您的网页开发和设计过程。
2. 提高理解：更好地理解像内边距和外边距这样的 CSS 属性如何影响您的网页布局。

无论您是经验丰富的网页开发人员、设计师，还是学习 CSS 的人，这个扩展程序都将通过提供清晰和即时的元素间距属性视图，使您的生活变得更轻松。

显示所有填充和边距 1.1.crx	.crx	1.1	20.36KiB	支持
显示所有填充和边距 1.1.zip	.zip	1.1	20.36KiB	不支持