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

Qu'est-ce que Hover inspector like in Zeplin , Figma ?

Hover inspector like in Zeplin , Figma est une extension Chrome développée par Liubomyr Kozak, et sa fonction principale est "Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension Hover inspector like in Zeplin , Figma

Téléchargez les fichiers d'extension Hover inspector like in Zeplin , Figma au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'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                    

Informations de Base sur l'Extension

Nom Hover inspector like in Zeplin , Figma Hover inspector like in Zeplin , Figma
ID jbhnejndccdjigppalbbiphlbaaehpln
URL Officiel https://chromewebstore.google.com/detail/hover-inspector-like-in-z/jbhnejndccdjigppalbbiphlbaaehpln
Description Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA
Taille du Fichier 122 KB
Nombre d'Installations 9,405
Version Actuelle 3.0.2
Dernière Mise à Jour 2023-09-25
Date de Publication 2019-06-09
Évaluation 4.76/5 Total 29 Évaluations
Développeur Liubomyr Kozak
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://liubomyr.me
URL de la Page d'Aide https://github.com/liubomyr-kozak/HoverInspectorSupport
URL de la Page de Politique de Confidentialité https://liubomyr.me/projects/privacyPolicy
Langues Prises en Charge en
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"
    ]
}