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! https://github.com/mrflix/dimensions
- (2020-07-24) Maxwell Souza: It's an awesome tool. The only problem is that it only sees pixels. An element with an line height would be ignored, picking the first pixel it can find
- (2020-07-07) Luis J. Centeno: Excelente, justo la herramienta que necesitaba
- (2020-04-15) Kashmiri: Great plugin! absolutely amazing. 🙏🏼 I hope an update is released to fix it, its not working when devtools is open.
- (2020-03-30) Yurii Ivanov: all good. but it is not working when page is zoomed in
- (2020-03-20) gabriel astorga baeza: La más útil, me ha servido más que sus competidoras, excelente para front end!
- (2020-03-18) Joacim: Extension doesn't work if your website isn't public
- (2020-03-08) chandni kadkol: OMG this tool is amazing. How did I not know about it before??? Thank you thank you thank you for creating this. I have to design replica pages of existing pages already on the web for A/B testing, and it's been a challenge for me to make the sizing and spacing accurate. This tool is a god send and makes my life much easier!
- (2020-02-20) MyDiamondXboxIsCool: Doesn't measure the elements, but it does measure the pixels between color changes (Like images, text, etc.) Great btw
- (2020-02-05) Catalin Duceac: The tool is so good for web designing! It saves you a lot of time.
- (2020-01-24) Kyle Charlton: Very nice tool! It's way faster than drawing a box around an element for measurements.
- (2020-01-10) aakash garg: Not working for chrome responsive (chrome dev tools--> toggle device toolbar --> responsive)
- (2020-01-04) Αλέξης Γιάννης: Great job ! Thank you for this amazing tool. This should be embedded on all browser's devtools.
- (2019-12-05) Madeline Kahn: no support for local files?
- (2019-11-26) Siarhei Leanavets: Great extension, thank you!
- (2019-11-07) David Plass: No longer works.
- (2019-11-07) Denis Čumak: working fine
- (2019-11-04) Andrea Scafuto: It's not working anymore on version 77 +
- (2019-10-25) Ivan Ramljak: Great tool, almost perfect. Keep up the good work ;)
- (2019-10-20) Артем: Не работает :/
- (2019-09-27) Dale Sheeley: DOES NOT WORK
- (2019-09-14) NJ SF: 个人感觉比PageRuler好用，Dimension量细微的距离时很好用
- (2019-08-20) Mojtaba Anisi: It doesn't work in mobile inspect veiw
- (2019-08-02) Ho Wa Leung: Easy to use and useful
- (2019-07-23) Nathan Leavitt: Literally doesn't work at all.
- (2019-06-28) David Plass: Does nothing as of today, Chrome 75.0.3770.100
- (2020-07-24, v:2.0.5) Carine Batista: No Navegador Brave, ela não funciona...
No Navegador Brave, a extensão não funciona, nem exibe nada
- (2020-06-17, v:2.0.5) Yurii Ivanov: Zoomed in page
Could you please take a look into it working properly when page is zoomed in?
- (2020-05-01, v:2.0.5) Carlos Jiménez: Problem
How enter in dimensions?
- (2020-04-14, v:2.0.5) Lauren Shone: Different measurements
The dimensions tool is currently creating rectangles or divs, no longer appears as a cross that measures distances in pixels. It is also not picking up on small shifts in colour/pixels, cannot measure a simple tile box that contrast heavily with the background.
- (2020-01-14, v:2.0.5) Sayer Tindall: Absolutely doesn't work.
Doesn't work even remotely. Fix this or remove it from app store please.
- (2019-08-20, v:2.0.5) Mojtaba Anisi: Problem in mobile inspect view
It doesn't work in mobile inspect view
- (2019-07-17, v:2.0.5) Ramesh Kumar: Will it work in Local Files?
Hi, Have tried to use this plugin for my local development and bug fixing, but the plugin is not opened/triggered to measure. Will it run in local or only in http.... modes?
- (2019-07-04, v:2.0.5) pravin kumar: ESC use case
Exit the plugin when we click esc button
- (2019-03-23, v:2.0.5) Alex Belozerov: Please add support for Device Mode
My main target platform is mobile phones
- (2019-03-14, v:2.0.5) Lam Lai Ngoc: Thêm tùy chọn click chọn điểm A đến điểm B
Trường hợp tôi có 2 hình nằm lệch nhau. Tôi muốn do chênh lệch đó là bao nhiêu thì tôi phải đo từ mép đến điểm A và từ mép đến điểm B sau đó lấy A trừ B thì mới ra kết quả nếu bạn có thêm tính năng click chọn điểm muốn do thì quá tuyệt vời!
- (2019-02-20, v:2.0.5) Doesn't work with local files.
Does not work with local disk files.
- (2019-01-16, v:2.0.5) Big Tony: Attention Please
For those of you in search of a WORKING version of this, search the Chrome Web store for: Page Ruler by: Petar Ivanov I can confirm myself that it works.
- (2018-10-05, v:2.0.5) Mette Torres Leites: Plugin broken
This plugin doesn't work. I can see from other comments that it hasn't worked for a long time, so I think its a wonder how it still manages to be available in Chrome store.
- (2018-09-26, v:2.0.5) Christian Tabacco: not working
- (2018-09-03, v:2.0.5) NOT Working!
Ive tried the extension and clicked it and tried a bunch of ways but it doesn't work at all.