Dimensions

设计人员测量屏幕尺寸的工具

尺寸是一种功能强大且易于使用的Chrome扩展名，专门为设计人员和开发人员精确测量浏览器内元素之间的屏幕尺寸和距离。通过移动鼠标指针，您可以立即对距离进行测量/向左/向左/向右测量，直到碰到任何元素的边框，非常适合快速检查网站上的间距和对齐。

关键功能
测量图像，按钮，文本，图标，输入字段，视频，GIF和任何可见的HTML元素之间的距离。
通过持有ALT键来支撑测量区域边界和圆形半径。
直接在Chrome中与模型（PNG或JPEGS）无缝工作，以帮助设计验证。
使用Alt + D键盘快捷键进行快速切换，以启动和停止测量。
开源并在Github上托管，可以为Firefox等其他浏览器提供社区贡献和轻松移植。
尺寸通过提供精确的像素测量值而无需复杂的工具来简化设计和开发过程，从而帮助您维护像素完美的布局和间距。









该扩展名已更新为清单V3，即扩展名的较旧版本（v2）https://chromewebstore.google.com/detail/dimensions/baocaagndhipibgklemoalmoalmoalmkljaimfdj

此扩展可以测量鼠标指针向上/向下和向右/向右/向左/向右的尺寸，直到它撞到边框。因此，如果您想测量网站上元素之间的距离，这是完美的。它实际上与图像没有真正的作用，因为那里的颜色将很大的像素变成了像素。

图像和HTML元素

在以下元素之间进行测量：图像，输入场，按钮，视频，gif，文本，图标。您可以测量浏览器中看到的所有内容。

您的设计师将您的模型交给了PNG或JPEG？只需将它们放入铬，激活尺寸并开始测量即可。

键盘快捷键可以使用Alt + D快捷方式开始和停止尺寸。

区域边界想获得一个圆的半径？文字站在您的路上吗？按ALT以测量连接区域的尺寸。

开源尺寸是开源的，并托管在GitHub上。想将其移植到Firefox吗？继续前进。欢迎拉动请求！ https://github.com/mrflix/dimensions