Hover inspector like in Zeplin , Figma

#4.76 / 29 rate

Hover inspector like in Zeplin , Figma

9,000 users

2019-06-09

Liubomyr Kozak

Extension Information

5 star
88%
4 star
2%
3 star
5%
2 star
0%
1 star
5%

Supported Languages

Permissions

Hot Permissions

Description

Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA

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

Reviews

Flávio Dev
Flávio Dev

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?

Daryl
Daryl

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

Divya pratap singh Shekhawat
Divya pratap singh Shekhawat

it does what you expect it to do, simple and powerful

Similar extensions

Designer Tools
Designer Tools

https://designer.tools

Measuremate
Measuremate

https://measuremate.xyz

HTML to Figma - by Builder.io
HTML to Figma - by Builder.io

https://builder.io

Responsive Viewer
Responsive Viewer

https://responsiveviewer.org

Heurio - One-Click Bug Report & UX Check Tool
Heurio - One-Click Bug Report & UX Check Tool

https://heurio.co

Dimensions
Dimensions

https://www.felixniklas.com

Hoverify
Hoverify

Hoverify

Measure Everything
Measure Everything

mdevils

Better Ruler
Better Ruler

paul

Grid Ruler
Grid Ruler

tgohn

Tape
Tape

Richard Tucker

SnapGuide
SnapGuide

Alex