什麼是Z-index Visualizer？

Z-index Visualizer是由jeong57281開發的Chrome擴展程式，該擴展的主要功能是“A tool that visualizes (2.5D) the stacking contexts of web pages.”。

擴展截圖

下載Z-index Visualizer擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

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

名稱	Z-index Visualizer
ID	hpimpiejkldpjhijfpglflpplnhdffcf
官方網址	https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
簡介	A tool that visualizes (2.5D) the stacking contexts of web pages.
檔案大小	97.5 KB
安裝次數	189
目前版本	1.0.0
更新時間	2023-07-25
上架時間	2023-07-24
開發者	jeong57281
電子郵箱	[email protected]
付費類型	free
支援的語言	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" ] }