Dimensions(页面元素距离测量) v2.0.5

页面元素距离测量插件介绍

这个扩展从您的鼠标指针上/下和左/右的尺寸，直到它击中一个边界。所以，如果你想测量网站上元素之间的距离，这是完美的。它对图像不起作用因为颜色会在像素间改变很多。

# Images & HTML元素

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

#样机

你的设计师给你的模型是png还是jpeg ?只需把它们放到Chrome，激活尺寸和开始测量。

#键盘快捷键

你可以用ALT + D快捷键开始和停止尺寸。

#区域边界

想知道圆的半径吗?短信挡住你的路了吗?按Alt测量连接区域的尺寸。

#开源

维度是开源的，托管在Github上。想把它移植到Firefox上吗?把它分叉。拉请求是欢迎的!https://github.com/mrflix/dimensions

This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel.

# Images & HTML Elements

Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.

# Mockups

Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring.

# Keyboard Shortcut

You can start and stop dimensions with the ALT + D shortcut.

# Area Boundaries

Wanna get the radius of a circle? Is text standing in your way? Press Alt to measure the dimensions of a connected area.

# Open Source

Dimensions is Open Source and hosted on Github. Want to port it to Firefox? Go ahead and fork it. Pull requests are welcome! https://github.com/mrflix/dimensions

页面元素距离测量插件安装

1、在打开的谷歌浏览器Chrome的扩展管理器（方法：点击最左侧的三个点，在弹出的菜单中选择【更多工具】-【扩展程序】，或者你可以在地址栏中直接输入chrome://extensions/）

2、进入扩展程序页面后将开发者模式打勾

3、最后将解压出来的页面元素距离测量.crx离线文件拖入到浏览器中即可安装添加（安装前可以确认插件版本是否为v2.0.5）

4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装

5、安装好后即可使用，安装成功以后该插件会立即显示在浏览器右上角（如果有插件按钮的话），如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。