Z-index Visualizer là gì?

Z-index Visualizer là một tiện ích mở rộng Chrome được phát triển bởi jeong57281, và tính năng chính của nó là "A tool that visualizes (2.5D) the stacking contexts of web pages.".

Ả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 Z-index Visualizer

Tải xuống các tệp mở rộng Z-index Visualizer 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

Due to the stacking context concept of CSS, in certain situations, no matter how high the z-index value is, the desired result may not be achieved.

By visualizing the stacking context (2.5D), the tool helps you quickly identify which elements the current stacking context is dependent on.

Github: https://github.com/junghyunbak/chrome-extension-z-index-visualizer

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

Tên	Z-index Visualizer
ID	hpimpiejkldpjhijfpglflpplnhdffcf
URL Chính Thức	https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Mô tả	A tool that visualizes (2.5D) the stacking contexts of web pages.
Kích Thước Tệp	97.5 KB
Số Lần Cài Đặt	189
Phiên Bản Hiện Tại	1.0.0
Cập Nhật Lần Cuối	2023-07-25
Ngày Phát Hành	2023-07-24
Nhà Phát Triển	jeong57281
Email	[email protected]
Loại Thanh Toán	free
Ngôn Ngữ Được Hỗ Trợ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "description": "A tool that visualizes (2.5D) the stacking contexts of web pages.", "version": "1.0.0", "manifest_version": 3, "name": "Z-index Visualizer", "background": { "service_worker": "background.bundle.js" }, "action": { "default_icon": "icon-32.png" }, "icons": { "128": "icon-128.png" }, "content_scripts": [ { "matches": [ "http:\/\/\/", "https:\/\/\/", "" ], "js": [ "contentScript.bundle.js" ], "css": [ "content.styles.css" ] } ], "devtools_page": "devtools.html", "web_accessible_resources": [ { "resources": [ "content.styles.css", "icon-128.png", "icon-32.png" ], "matches": [] } ], "permissions": [ "storage", "tabs" ] }