什么是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
官方URL	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" ] }