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
Eメール	[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" ] }