Dimensions
A tool for designers to measure screen dimensions
什么是Dimensions？
Dimensions是由https://www.felixniklas.com开发的Chrome扩展程序，该扩展的主要功能是“A tool for designers to measure screen dimensions”。
扩展截图
下载Dimensions扩展crx文件
下载Dimensions扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
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 扩展基本信息
| 名称 |  Dimensions |
| ID | baocaagndhipibgklemoalmkljaimfdj |
| 官方URL | https://chromewebstore.google.com/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj |
| 简介 | A tool for designers to measure screen dimensions |
| 文件大小 | 17.28 KB |
| 安装次数 | 271,616 |
| 当前版本 | 2.0.5 |
| 更新时间 | 2017-03-14 |
| 上架时间 | 2017-03-14 |
| 评分 | 4.15/5 共442次评分 |
| 开发者 | https://www.felixniklas.com |
| 电子邮箱 | [email protected] |
| 付费类型 | free |
| 扩展官网 | http://felixniklas.com/dimensions/ |
| 支持的语言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Dimensions",
"description": "A tool for designers to measure screen dimensions",
"version": "2.0.5",
"manifest_version": 2,
"author": "Felix Niklas",
"icons": {
"16": "images\/icon16.png",
"32": "images\/[email protected]",
"48": "images\/icon48.png",
"128": "images\/icon128.png"
},
"background": {
"scripts": [
"chrome.js"
],
"persistent": false
},
"commands": {
"_execute_browser_action": {
"suggested_key": {
"default": "Alt+D"
}
}
},
"browser_action": {
"default_icon": {
"16": "images\/icon16.png",
"19": "images\/icon19.png",
"32": "images\/[email protected]",
"38": "images\/[email protected]"
},
"default_title": "Measure Dimensions"
},
"permissions": [
"activeTab"
]
} | |
