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 là gì?

Hover inspector like in Zeplin , Figma là một tiện ích mở rộng Chrome được phát triển bởi Liubomyr Kozak, và tính năng chính của nó là "Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

Tải xuống tệp CRX của tiện ích mở rộng Hover inspector like in Zeplin , Figma

Tải xuống các tệp mở rộng Hover inspector like in Zeplin , Figma dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

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

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	Hover inspector like in Zeplin , Figma
ID	jbhnejndccdjigppalbbiphlbaaehpln
URL Chính Thức	https://chromewebstore.google.com/detail/hover-inspector-like-in-z/jbhnejndccdjigppalbbiphlbaaehpln
Mô tả	Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA
Kích Thước Tệp	122 KB
Số Lần Cài Đặt	9,405
Phiên Bản Hiện Tại	3.0.2
Cập Nhật Lần Cuối	2023-09-25
Ngày Phát Hành	2019-06-09
Đánh Giá	4.76/5 Tổng số 29 Đánh Giá
Nhà Phát Triển	Liubomyr Kozak
Email	[email protected]
Loại Thanh Toán	free
Trang Web Mở Rộng	https://liubomyr.me
URL Trang Trợ Giúp	https://github.com/liubomyr-kozak/HoverInspectorSupport
URL Trang Chính Sách Bảo Mật	https://liubomyr.me/projects/privacyPolicy
Ngôn Ngữ Được Hỗ Trợ	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" ] }