显示所有填充和边距
概述
有没有想过一次性看到网页上所有元素的内边距和外边距?这个扩展程序正是这样做的,突出显示所有内边距和外边距,同时在悬停时提供目标元素的附加信息。您不再需要通过 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
不支持
页:
[1]