Dimensions丨chrome页面元素距离测量插件

Dimensions是一款能帮助使用者对网页上各种元素属性之间的距离进行测量的Chrome页面元素测量插件,该插件在点击启动插件图标后,可以对页面中图像、输入字段、按钮以及视频等页面元素之间上下左右的方位尺寸进行测量,同时你还可以通过使用快捷键来快速启用或关闭该插件的功能,非常简单实用。

插件特性

1、图像和HTML元素

测量以下元素:图像、输入字段、按钮、视频、GIF、文本、图标。您可以测量在浏览器中看到的所有内容。

2、模型

您的设计师将模型作为PNG或JPEG传递给您?只需将它们放入Chrome,激活尺寸并开始测量即可。

3、键盘快捷方式

为获得最佳体验,请在扩展程序列表末尾的设置中设置键盘快捷键,您可以使用ALT + D快捷键快速启动和禁用Dimensions。

4、区域边界

想得到一个圆的半径?文字挡在你的路上吗?按Alt键测量连接区域的尺寸。试试看!

5、开源

Dimensions是开源的,托管在Github上。

使用方法

打开网页后点击界面右上角的插件图标即可使用该插件的功能使鼠标光标变成十字测量尺,而后你就可以通过移动鼠标来测量页面中元素属性之间的距离了。

请扫码关注公众号,更多精彩内容等你来!

插件下载地址:

此处内容已经被作者无情的隐藏,请输入验证码查看内容:
验证码:
请关注本站公众号回复“验证码”,获取验证码。 【注】”在微信里搜索“不会笑青年”或者“laughyouth”或者微信扫描右侧二维码都可以关注微信公众号。
不会笑青年


小白学堂 » Dimensions丨chrome页面元素距离测量插件

就聊挣钱,一个带着你做副业的社群。

立即查看 了解详情