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é es Hover inspector like in Zeplin , Figma?
Hover inspector like in Zeplin , Figma es una extensión de Chrome desarrollada por Liubomyr Kozak, y su función principal es "Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA".
Capturas de Pantalla de la Extensión
Descargar Archivo CRX de la Extensión Hover inspector like in Zeplin , Figma
Descarga archivos de extensión Hover inspector like in Zeplin , Figma en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.
Instrucciones de Uso de la Extensión
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
Información Básica de la Extensión
Nombre | Hover inspector like in Zeplin , Figma |
ID | jbhnejndccdjigppalbbiphlbaaehpln |
URL Oficial | https://chromewebstore.google.com/detail/hover-inspector-like-in-z/jbhnejndccdjigppalbbiphlbaaehpln |
Descripción | Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA |
Tamaño del Archivo | 122 KB |
Cantidad de Instalaciones | 9,405 |
Versión Actual | 3.0.2 |
Última Actualización | 2023-09-25 |
Fecha de Publicación | 2019-06-09 |
Calificación | 4.76/5 Total de 29 Calificaciones |
Desarrollador | Liubomyr Kozak |
Correo electrónico | [email protected] |
Tipo de Pago | free |
Sitio Web de la Extensión | https://liubomyr.me |
URL de la Página de Ayuda | https://github.com/liubomyr-kozak/HoverInspectorSupport |
URL de la Página de Política de Privacidad | https://liubomyr.me/projects/privacyPolicy |
Idiomas Soportados | 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" ] } |