CRX id
jbhnejndccdjigppalbbiphlbaaehpln
jbhnejndccdjigppalbbiphlbaaehpln
Description from extension meta
Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA
Image from store
Description from store
Extension behavior closed like in Zeplin, Figma.
version 3.0.2
- fix bug: prevent click(thanks Marcelo Alejandro)
- add background rule permission for save setting
version 3.0.1
- fix bug: extension dropped (thanks @invisioN7)
version 3.0.0
- refactor core(prepare for the new features)
- add sidebar (setting, more details of selected element)
- add freezing selected element after 2 click
- press 'space' for unfreeze selected element
- add link to discord
- add uninstall form
- fixed calculation position of popup
version 2.0.0
- used ReactJS (expected simplifying of maintain and support)
- add data: padding, margin, font, color, background, line-height, class, id
- fixed calculation position of popup
version 1.1.0
- add highline padding(green color) and margin(orange color).
- fix bugs
version 1.0.5.1
- minify file for more faster loading
version 1.0.5
- add top bar with styles(padding, margin, font-size, height, width) for hover and selected element
- fixed bugs (when user scroll label and lines position not display correctly)
- add change style for label which display height and width hovered element
- change active and regular icon:
- add 2 hotkeys:
-- command + enter / ctrl + enter - for hide/show topbar
-- esc for close extension
version 1.0.4
- add functionality when start scroll
- change color of labels
- add dimension calculating when selected located in hovered element
version 1.0.3
- add dimension calculating when hovered located outside selected element
Latest reviews
- (2023-03-15) Divya pratap singh Shekhawat: it does what you expect it to do, simple and powerful
- (2023-01-18) Stefan Hermann: This is a fantastic tool! Thank you so much for providing it! Is is super useful <3 I just could not find the manual, so I figured it out myself: 1. Install the Add-on 2. Activate: – go to any webpage, activate the plugin by clicking on the icon in the add-on-bar (Icon will turn yellow) – refresh the website you want to inspect 3. Use – hover over the elements to see the properties – click on the elements to get the measurements 4. Deactivate: – turn the addon off by clicking the icon in the add-on-bar again (Icon will turn grey) – refresh the webpage
- (2022-12-05) Faycal BESSAH: I haven't tried this plugin cause I dont know how to do so there is no explanation, no manual, no documentation and the website of the editor isn't working I remove from chrome (until get some info)
- (2022-10-16) Sandra R: I don't understand how to use it????
- (2022-07-02) Gilbert Temgoua: I've been looking for "a tool" like this and I've finally found "the tool". It goes beyond my expectations Thank you so much
- (2022-05-04) Serhan Coşkun: It's definitely an underrated tool. Thank you for this 👍
- (2021-12-11) Juan Alvarez: Thank you soooo much! Seriously :)
- (2021-09-28) Kristina Oreshkovska: I tried couple of options on the market but only this tool offered what I was looking for. Great!
- (2021-09-11) mahek dave: Amazing...😍
- (2021-06-09) m. matti: Extremely useful for designers, especially after version 2.0 added padding, margin, font, color, etc. It feels like Chrome's Inspector / DevTools window is overkill ~80% of the time, when all I really want is a quick screenshot to highlight basic element styling. This extension hits that sweet spot. Would be nice to have a few more style definitions. Border width and color, for example, really ought to be included.
- (2020-12-08) 仔仔: 很棒，谢谢
- (2020-07-22) Zhan Arno: Спасибо большое. Хорошое приложение которое упрощает работу)).
- (2020-03-17) Kim Slava: Отличное приложение для начинающих тестировщиков(я-начинающий)
- (2020-01-25) Lucas Ferreira: Sensacional!!!
- (2019-12-13) Iaroslav Proskurnia: Great App. Very useful to test projects.
- (2019-11-11) Oleksandr Kuksenko: Great plugin. Thanks!
- (2019-02-20) this is so great! I am PM but sometimes I also check mark-up and it helps me a lot! thank you!
- (2019-02-20) Богдан Писаренко: Very helpful tool! Thanks!
- (2019-02-19) Ivan Berezhnov: Great plugin for check sizes in web page. It save my time. Thanks
- (2019-02-19) Exactly what I was searching for. I'm using a lot at my Pull Requests review.
- (2018-10-12) Nguyen Duc Tien Anh: Exactly what I am looking for. It's super convenient for inspecting specs of every element. Thanks the author a lot.
Latest issues
- (2022-12-05, v:3.0.2) Faycal BESSAH: how does it work
could you please provide some info ?? - (2020-01-09, v:1.1.0) Squiggley Woo: Option to prevent click
Would it be possible to add an option so that when you clicked an item, say a button it prevented the click action from executing?