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 |
| 公式URL | 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 |
| Eメール | [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"
]
} | |
