Hover inspector like in Zeplin , Figma
Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA
version 3.1.1
- fix bugs,
- - fix esc key press behavior
- - fix formation css rule
- - fix popup display position
- add hovered element
version 3.1.0
- update UI
- add new features
- prepare project to new features
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
Perfect
Hi! I loved this extension, thank you so much! I found a bug when you navigate across some tabs. Do you have a github, page so I can give you more info about it?
Extension is a great addition, only downside is I cannot turn it off once switched on. Icon is blue and on click turns yellow (on hover information is shown as expected) and on click (for which Id had hoped would turn it off, it turns yellow) but it remains switched on. Would be good to have a key combonation you can set on the extension to turn it off, or just the ability to turn it off rather than having to refresh the page.... Other than that, it does the job well - Thanks! Chrome Version: 120.0.6099.225 (Official Build) (64-bit) Inspector Version: 3.0.2 Thanks
it does what you expect it to do, simple and powerful
it does what you expect it to do, simple and powerful
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
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
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)
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)
I don't understand how to use it????
I don't understand how to use it????
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
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
It's definitely an underrated tool. Thank you for this 👍
It's definitely an underrated tool. Thank you for this 👍
Thank you soooo much! Seriously :)
Thank you soooo much! Seriously :)
I tried couple of options on the market but only this tool offered what I was looking for. Great!
I tried couple of options on the market but only this tool offered what I was looking for. Great!
Amazing...😍
Amazing...😍
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.
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.
很棒,谢谢
Спасибо большое. Хорошое приложение которое упрощает работу)).
Отличное приложение для начинающих тестировщиков(я-начинающий)
Sensacional!!!
Great App. Very useful to test projects.
Great App. Very useful to test projects.
Great plugin. Thanks!
Great plugin. Thanks!
this is so great! I am PM but sometimes I also check mark-up and it helps me a lot! thank you!
this is so great! I am PM but sometimes I also check mark-up and it helps me a lot! thank you!
Very helpful tool! Thanks!
Very helpful tool! Thanks!
Great plugin for check sizes in web page. It save my time. Thanks
Great plugin for check sizes in web page. It save my time. Thanks
Exactly what I was searching for. I'm using a lot at my Pull Requests review.
Exactly what I am looking for. It's super convenient for inspecting specs of every element. Thanks the author a lot.
Exactly what I am looking for. It's super convenient for inspecting specs of every element. Thanks the author a lot.