Dimensions - 元素距离测量插件

Dimensions是一款测量页面元素距离的Chrome插件。

插件背景

现实生活中我们测量尺寸的工具当然就是尺子,在网页上我们尤其是网页设计师经常需要测量页面中的元素尺寸,我们应该怎么办呢?

这时可以使用一些网页测量的工具就像一个网页尺子,Dimensions是一款元素尺寸测量的Chrome插件,可以对页面中元素之间上下左右的方位尺寸即高度和宽度进行测量。

Page Ruler不仅仅可以测量元素的宽度和高度,同时可以测出元素所相对于页面的绝对位置。

插件离线安装教程

插件功能

Dimensions是一款能帮助使用者对网页上各种元素属性之间的距离进行测量的Chrome页面元素测量插件。

该插件在点击启动插件图标后,可以对页面中图像、输入字段、按钮以及视频等页面元素之间上下左右的方位尺寸进行测量。

同时你还可以通过使用快捷键来快速启用或关闭该插件的功能,非常简单实用。

Dimensions - 元素距离测量插件插图1

Dimensions主要有以下特性:

1、图像和HTML元素

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

2、模型

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

3、键盘快捷方式

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

4、区域边界

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

5、开源

Dimensions是开源的,托管在Github上。想将它移植到Firefox?来吧,欢迎拉请求!

Dimensions下载地址
Dimensions - 元素距离测量插件插图2
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!

发表评论