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
什麼是Hover inspector like in Zeplin , Figma？
Hover inspector like in Zeplin , Figma是由Liubomyr Kozak開發的Chrome擴展程式，該擴展的主要功能是“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擴展crx文件
下載Hover inspector like in Zeplin , Figma擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
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 擴展基本資訊
| 名稱 |  Hover inspector like in Zeplin , Figma |
| ID | jbhnejndccdjigppalbbiphlbaaehpln |
| 官方網址 | https://chromewebstore.google.com/detail/hover-inspector-like-in-z/jbhnejndccdjigppalbbiphlbaaehpln |
| 簡介 | Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA |
| 檔案大小 | 122 KB |
| 安裝次數 | 9,405 |
| 目前版本 | 3.0.2 |
| 更新時間 | 2023-09-25 |
| 上架時間 | 2019-06-09 |
| 評分 | 4.76/5 共 29 次評分 |
| 開發者 | Liubomyr Kozak |
| 電子郵箱 | [email protected] |
| 付費類型 | free |
| 擴展官網 | https://liubomyr.me |
| 說明頁面URL | https://github.com/liubomyr-kozak/HoverInspectorSupport |
| 隱私政策頁面URL | https://liubomyr.me/projects/privacyPolicy |
| 支援的語言 | 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"
]
} | |
