Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA
Hover inspector like in Zeplin , Figma Extension
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
Read more
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
Source Manifest.json
{ "name": "Hover inspector like in Zeplin , Figma", "short_name": "Inspector", "description": "Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA", "version": "3.0.2", "manifest_version": 3, "update_url": "https://clients2.google.com/service/update2/crx", "author": "Liubomyr Kozak", "icons": { "16": "images/new_logo2/zTool-16.png", "32": "images/new_logo2/zTool-32.png", "48": "images/new_logo2/zTool-64-active.png", "128": "images/new_logo2/zTool-128-active.png" }, "background": { "service_worker": "./browser_action_script.bundle.js" }, "action": { "default_icon": { "16": "images/new_logo2/zTool-16.png", "32": "images/new_logo2/zTool-32.png" }, "default_title": "Inspector [3.0.2]" }, "host_permissions": [ "*://*/*" ], "permissions": [ "activeTab", "background", "scripting", "storage" ]}
Read more