extension ExtPose

Dimensions

CRX id

baocaagndhipibgklemoalmkljaimfdj-

Description from extension meta

A tool for designers to measure screen dimensions

Image from store Dimensions
Description from store 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

Latest reviews

  • (2023-08-22) Omer Ravid: this is a great one!
  • (2023-08-14) Al FA (Psy_pmP): Параша
  • (2023-06-24) UnseeableCraft: If you want to find the dimensions of a selected area on the screen, the just get Nimbus Screenshot & Screen Video Recorder
  • (2023-01-03) Rob Davis: It sort of works and it sort of doesn't. First you have to make sure the extension icon is lit for the site you are trying to measure. Then you have to fight the browser. The ALT+D shortcut just highlights the address bar. For some pages and some CSS elements it snaps to the wrong things making it useless, but for others it works fine. YMMV
  • (2022-11-30) Imon Rana: nice extension work perfectly
  • (2022-11-10) Duel: É bom para ver em sites que estejam online, agr se vc pega um arquivo do seu pc, ele n mostra a distancia
  • (2022-10-31) Mārtiņš Zeltiņš: This extensions works great unless the zoom level for the page is changed. Then the extension does not work anymore.
  • (2022-09-01) it's working fine for me.. BTW if you have a popup on your site (or any other element with a very high z-index) just add this lines on the main style.css .fn-noCursor { z-index: 1000001; } .fn-dimensions { z-index: 1000000; } and you can even change to your favorite color as well ;) .fn-axis { background: royalblue; }
  • (2022-08-20) Jared Cárdenas: Doesnt work!!!!
  • (2022-08-11) BAPF123: Es una herramienta útil pero da mediciones incorrectas, haciendo la suma de div a div, da una medición totalmente distinta a la que hace por ejemplo si la pongo de extremo a extremo en los div.
  • (2022-05-17) SB Kates: It doesn't work. Clicked on it, and nothing happens at all.
  • (2022-05-04) Adam Gamble: Perfect for measuring awkward buttons and icons
  • (2022-03-31) Djonathas Cardoso: Muito bom, mas o atalho ALT + D não está funcionando.
  • (2022-03-03) Thunderarea: The last update was in 2017 but it works perfectly. Thanks a lot for the extension!
  • (2022-02-09) Mehdi M.Mirzaie: the best extension for designers. 💙
  • (2021-11-08) Spondoolie: This extension is actually pretty awesome. It gives you crosshairs on your screen that follow the mouse, and as you move between elements it gives you height and width in pixels. Freakin' genius!
  • (2021-10-03) Saad Almosa: Useful tool
  • (2021-08-19) Adewale Orotayo: It was okay until it started picking out in accurate measurements
  • (2021-07-29) Александр Зуйков: Классное расширение, ГОРЯЧИЕ КЛАВИШИ ДОБАВЛЯЮТСЯ В МЕНЮ РАСШИРЕНИЙ САМОГО ХРОМА!!!
  • (2021-07-26) Avi Subedi: Noooooo. Fake reviews it doesn't works at all .PLs don't download it if you ae for a review always short by recent. Boomer
  • (2021-06-10) ‫محمود عبد الكريم (‪Mahmoud Abd Al Kareem‬‏)‬‎: Great one!
  • (2021-05-27) Jatin Sharma: How to use it?
  • (2021-04-16) Salitres Kosz: No sirve para fijar dos puntos y medir las distancias que uno requiera.
  • (2021-03-31) Denis Pissarenko: Отличное расширение, намного лучше чем все остальные линейки, но очень не хватает горячих клавиш
  • (2021-02-01) tomoe: perfect !
  • (2021-01-05) Ivan Yulin: great tool, but sadly it stopped working properly on my chrome :(
  • (2020-12-28) Cam McKinnon: I love this chrome extension and use it regularly.
  • (2020-12-21) Georgios Mylonas: Fantastic tool. It recognises inner divs sizes and paddings. Very helpful productivity tool measuring current html vs designs.
  • (2020-12-15) Ильдар Ахунов: отличное расширение, однако есть пара пожеланий: 1) добавить возможность складывать значения кликом левой кнопки мыши (провой кнопкой - сброс значений) 2) игнорировать полосу скролла спасибо за работу и успехов! ;)
  • (2020-10-09) Lorenzo Sequi: Funziona benissimo e fà proprio quello che mi serve, è insostituibile! (usata in Windows 10 x64 con Chrome v.85
  • (2020-10-02) Ken van der Eerden: Works like a charm. It uses color differences to determine distances of object so it's very versatile. Yes that has downsides too, but this helped me more often than not.
  • (2020-09-13) Damian M: Simply awesome! LOOOOOVE it :D
  • (2020-08-11) Bartek: It doesn't measure distance between HTML elements (or text nodes including "line-height"). I was looking for a tool that snaps to HTML elements and text nodes, allowing to select two and measure distance between them no matter where on the screen they are, no matter how many other elements are in between them. This tool is very simple and measures only internal size of elements, as it detects color change. It's fine only for simple measurements. I'm still looking for something more advanced.
  • (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) VintageDegenerate: 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 +

Latest issues

  • (2023-07-19, v:2.0.5) geison machado work: Doesn't work on MacOS
    Shortcut does nothing
  • (2023-05-18, v:2.0.5) Phạm Thành: Please change shotcut turn/off plugin or let's me can set-up it by myself
    No useful
  • (2023-03-28, v:2.0.5) Amanda: Not working for me either
    Just installed it and it doesn't do anything, I'm using MacOS.
  • (2023-03-17, v:2.0.5) Alona Zahychenko: It does not working
    I need use this plugin on the page, but it doesn't work. How is fix?
  • (2023-01-04, v:2.0.5) huy nguyễn: why
    it does not working
  • (2022-11-02, v:2.0.5) Brayan Felipe Diaz Vanegas: No me aparece
    buen dia. activo la extencion pero no me aparece ningun posicionamiento ni nada que indique que esta funcionando , me podrian asistir
  • (2022-10-15, v:2.0.5) Ron Richardson: Oh soooo... close.
    Dimensions are off by 1 pixel. I have a simple box 550px by 80px wide and it's measuring 549px by 79px. Such a bummer, I really wanted this to work.
  • (2022-08-11, v:2.0.5) BAPF123: Weird measurement
    Hi, I have a card with many divs inside. When I measure the total height of the card it results in a totally different value compared to the sum of every div inside.
  • (2022-04-10, v:2.0.5) Navid Shamaei: NOT work.
    dont work!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  • (2022-03-16, v:2.0.5) Буга додонова: КАК Использовать ?
    Не понимаю как пользоваться этой программой?
  • (2021-10-24, v:2.0.5) ABJECT HEATHEN: This does not function
    Either clicking the icon or pressing ALT + D does not activate the extension; it does NOT work... Nice concept though...
  • (2021-10-15, v:2.0.5) Channel Airvideo: issue
    It does not working!!!!!!
  • (2021-07-01, v:2.0.5) Xiaona Liang: How to use it
    I cannot use the extension to measuring screen. The distance can not be controlled
  • (2021-06-26, v:2.0.5) Daniel: z-index
    Hi! Increasing the "z-index" is very small for some tasks. Thank you!
  • (2021-04-11, v:2.0.5) Rameez Hameed: not working
    I just clicked on the extension icon, but nothing really happens.
  • (2021-02-19, v:2.0.5) Derek Kroeker: It's not doing anything
    I tap the icon, nothing happens.
  • (2021-02-19, v:2.0.5) Derek Kroeker: How to open it on mac
    Alt D is not on keyboard.
  • (2020-12-11, v:2.0.5) Dennis Higgins: Dimensions
    Alt+D didn't launch the extension and there was no icon I could see.
  • (2020-11-28, v:2.0.5) Sorin Sorin: not work
    good for removing from webstore
  • (2020-10-30, v:2.0.5) eric kim: request for depth scale
    is there a way to add a third bar to the scaler showing depth from the base of the object?
  • (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 Donoso: 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
    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.

Statistics

Installs
271,616 history
Category
Rating
4.1272 (448 votes)
Last update / version
2017-03-14 / 2.0.5
Listing languages
en

Links