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
Cos'è Hover inspector like in Zeplin , Figma?
Hover inspector like in Zeplin , Figma è un'estensione di Chrome sviluppata da Liubomyr Kozak, e la sua funzione principale è "Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA".
Screenshot dell'Estensione
Scarica il file CRX dell'estensione Hover inspector like in Zeplin , Figma
Scarica i file di estensione Hover inspector like in Zeplin , Figma in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.
Istruzioni per l'Uso dell'Estensione
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 Informazioni di Base sull'Estensione
| Nome |  Hover inspector like in Zeplin , Figma |
| ID | jbhnejndccdjigppalbbiphlbaaehpln |
| URL Ufficiale | https://chromewebstore.google.com/detail/hover-inspector-like-in-z/jbhnejndccdjigppalbbiphlbaaehpln |
| Descrizione | Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA |
| Dimensione del File | 122 KB |
| Conteggio Installazioni | 9,405 |
| Versione Corrente | 3.0.2 |
| Ultimo Aggiornamento | 2023-09-25 |
| Data di Pubblicazione | 2019-06-09 |
| Valutazione | 4.76/5 Totale 29 Valutazioni |
| Sviluppatore | Liubomyr Kozak |
| [email protected] | |
| Tipo di Pagamento | free |
| Sito Web dell'Estensione | https://liubomyr.me |
| URL della Pagina di Aiuto | https://github.com/liubomyr-kozak/HoverInspectorSupport |
| URL della Pagina della Politica sulla Privacy | https://liubomyr.me/projects/privacyPolicy |
| Lingue Supportate | 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"
]
} | |
