• AD: 本站为第三方谷歌浏览器插件推荐网站,非Google Chrome官方网站。(我们不是采集型网站,而是费时费力的人工筛选推荐Chrome中好用的插件)

谷歌浏览器插件Dimensions 前端开发设计师工具 页面元素pixel尺寸测量

开发者工具 chrome插件网 扫描二维码分享

Dimensions 前端开发设计师工具 页面元素pixel尺寸测量
Dimensions 是一款前端开发工具,方便测量页面元素尺寸,量细微的距离时很好用。

A tool for designers to measure screen 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!

Dimensions v2.0.5