Developer Tools

Hover inspector like in Zeplin , Figma

5
14
1687
9

Extension behavior closed like in Zeplin, Figma.
New update(v2.0.0) new data of hovered element

***
If you decide install this extension, could you left a comment. It would be very useful for me, because I want to improve this small application and fix what really important for you. Thanks 🙂
***

Planed functionality and work
– key navigation?

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

Hover inspector like in Zeplin , Figma
Related posts
Developer Tools

Browserling - Cross-browser testing

Developer Tools

Selenium Page Object Generator

Developer Tools

IP Address and Domain Information

Developer Tools

APK Downloader for Google Play Store™

9 Comments

Comments are closed.