Hover inspector like in Zeplin , Figma
Item logo image for Hover inspector like in Zeplin , Figma

Hover inspector like in Zeplin , Figma

Featured
4.8(

29 ratings

)
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot

Overview

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

4.8 out of 529 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Flávio DevFeb 7, 2024

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?

2 out of 2 found this helpful
Replier's profile picture

Liubomyr _DeveloperFeb 7, 2024

Hello Flávio Dev, thank for feedback. Yes you can use this link https://github.com/liubomyr-kozak/HoverInspectorSupport, your help is very important to me. I will fix any issue during the next 2 month. with the best Liubomyr (liubomyr.kozak@gmail.com)

Review's profile picture

DarylJan 25, 2024

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 Ver... Show more

2 out of 2 found this helpful
Replier's profile picture

Liubomyr _DeveloperFeb 7, 2024

Hello Daryl, thank you for your feedback. Your help is important to me. This part of the app is a bit complex because I would like to maintain the possibility for buttons and fields to not trigger events, but at this moment, this functionality sometimes does not work correctly. This is because many frameworks are being used, and I cannot find a way to bypass this behavior. I will try fix any issue during the next 2 month. with the best Liubomyr (liubomyr.kozak@gmail.com)

Review's profile picture

Divya pratap singh ShekhawatMar 15, 2023

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

1 person found this review to be helpful

Details

  • Version
    3.0.2
  • Updated
    September 25, 2023
  • Offered by
    Liubomyr Kozak
  • Size
    122KiB
  • Languages
    English
  • Developer
    Email
    liubomyr.kozak@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Better Ruler

4.8(49)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Grid Ruler

3.7(326)

Create grids and measure their distance easily.

Tape

4.6(156)

Measurement tools, rulers and grids

SnapGuide

4.3(14)

Chrome extension for measuring elements on page

Designer Tools

4.7(206)

Measure and align elements within Chrome

Measuremate

4.6(40)

The ultimate measuring tool for the web

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.4(259)

Show multiple screens once, Responsive design tester

Heurio - One-Click Bug Report & UX Check Tool

4.7(77)

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

Dimensions

4.1(451)

A tool for designers to measure screen dimensions

Hoverify

4.1(132)

All-in-one browser extension to improve your web dev experience.

Measure Everything

4.5(34)

Element distance measurement tool.

Better Ruler

4.8(49)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Grid Ruler

3.7(326)

Create grids and measure their distance easily.

Tape

4.6(156)

Measurement tools, rulers and grids

SnapGuide

4.3(14)

Chrome extension for measuring elements on page

Designer Tools

4.7(206)

Measure and align elements within Chrome

Measuremate

4.6(40)

The ultimate measuring tool for the web

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.4(259)

Show multiple screens once, Responsive design tester

Google apps