Dimensions

Dimensions 是一款功能强大的Chrome页面元素测量插件，它旨在帮助用户精确地测量网页上各种元素属性之间的距离。这款插件提供了直观的操作界面，让用户可以轻松地在网页上标记和测量元素，从而快速获取元素之间的相对位置、大小和间距等详细信息。使用该插件，用户能够更加精准地对网页进行设计和开发，确保页面元素的准确呈现和布局。

软件教程

安装说明

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去，但是谷歌考虑用户的安全隐私，在用户松开鼠标后还会给予用户一个确认安装的提示。

5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去，安装成功以后该插件会立即显示在浏览器右上角(如果有插件按钮的话)，如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。

使用方法：

1、小编这里使用的是chrome浏览器，首先在标签页输入【chrome://extensions/】进入chrome扩展程序，解压你在本页下载的Dimensions插件，并拖入扩展程序页即可。

2、安装完成后，就试试插件效果吧。

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

软件特色

1、图片和HTML元素

测量以下元素：图像、输入字段、按钮、视频、GIF、文本、图标，您可以测量浏览器中看到的所有内容以及元素之间上下左右的方位尺寸。

2、模拟

您的设计师将您的模型交给PNG或JPEG？只需将其放入Chrome，启动尺寸并开始测量。

3、键盘快捷键

您可以使用ALT+D快捷方式启动和停止尺寸。

4、区域边界

想得到一个圆的半径？文字是否站在你的路上？按Alt测量连接区域的尺寸。

5、开源

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