Dimensions丨chrome页面元素距离测量插件
Dimensions是一款能帮助使用者对网页上各种元素属性之间的距离进行测量的Chrome页面元素测量插件,该插件在点击启动插件图标后,可以对页面中图像、输入字段、按钮以及视频等页面元素之间上下左右的方位尺寸进行测量,同时你还可以通过使用快捷键来快速启用或关闭该插件的功能,非常简单实用。
插件特性
1、图像和HTML元素
测量以下元素:图像、输入字段、按钮、视频、GIF、文本、图标。您可以测量在浏览器中看到的所有内容。
2、模型
您的设计师将模型作为PNG或JPEG传递给您?只需将它们放入Chrome,激活尺寸并开始测量即可。
3、键盘快捷方式
为获得最佳体验,请在扩展程序列表末尾的设置中设置键盘快捷键,您可以使用ALT + D快捷键快速启动和禁用Dimensions。
4、区域边界
想得到一个圆的半径?文字挡在你的路上吗?按Alt键测量连接区域的尺寸。试试看!
5、开源
Dimensions是开源的,托管在Github上。
使用方法
打开网页后点击界面右上角的插件图标即可使用该插件的功能使鼠标光标变成十字测量尺,而后你就可以通过移动鼠标来测量页面中元素属性之间的距离了。
请扫码关注公众号,更多精彩内容等你来!
插件下载地址: