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 เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Liubomyr Kozak และคุณลักษณะหลักของมันคือ "Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA"
ภาพหน้าจอของส่วนขยาย
ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Hover inspector like in Zeplin , Figma
ดาวน์โหลดไฟล์ส่วนขยาย 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 |
| อีเมล | [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"
]
} | |
