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
上次更新日期：2017年3月14日
点击进入下载页
相关
- PerfectPixel by WellDoneCode (pixel perfect) 网页开发像素比较校对
- Responsive Viewer前端开发测试多个屏幕的效果
- 前端网页APP性能优化测试工具Lighthouse
- Jam 网页开发 找bug的工具 错误报告工具 记录浏览器中的错误
- Responsive viewer For Chrome 前端开发测试在多个屏幕尺寸下的效果演示
- CSS Scan 快速查看及复制网页元素的CSS
- CSS Used 获取所选DOM的所有css
- SnipCSS 提取页面上元素的CSS/HTML
- Resolution Test 方便开发者测试不同分辨率下的网页情况
- DivMagic 将任何网页中的元素复制为可重复使用的web组件
相关
- PerfectPixel by WellDoneCode (pixel perfect) 网页开发像素比较校对
- Responsive Viewer前端开发测试多个屏幕的效果
- 前端网页APP性能优化测试工具Lighthouse
- Jam 网页开发 找bug的工具 错误报告工具 记录浏览器中的错误
- Responsive viewer For Chrome 前端开发测试在多个屏幕尺寸下的效果演示
- CSS Scan 快速查看及复制网页元素的CSS
- CSS Used 获取所选DOM的所有css
- SnipCSS 提取页面上元素的CSS/HTML
- Resolution Test 方便开发者测试不同分辨率下的网页情况
- DivMagic 将任何网页中的元素复制为可重复使用的web组件
