Dimensions

A tool for designers to measure screen dimensions

什么是Dimensions?

Dimensions是由https://www.felixniklas.com开发的Chrome扩展程序,该扩展的主要功能是“A tool for designers to measure screen dimensions”。

扩展截图

screenshot

下载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 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"
    ]
}