Was ist Z-index Visualizer?

Z-index Visualizer ist eine Chrome-Erweiterung, die von jeong57281 entwickelt wurde, und ihr Hauptmerkmal ist "A tool that visualizes (2.5D) the stacking contexts of web pages.".

Erweiterungsscreenshots

Z-index Visualizer-Erweiterungs-CRX-Datei herunterladen

Laden Sie Z-index Visualizer-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

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

Grundlegende Informationen zur Erweiterung

Name	Z-index Visualizer
ID	hpimpiejkldpjhijfpglflpplnhdffcf
Offizielle URL	https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Beschreibung	A tool that visualizes (2.5D) the stacking contexts of web pages.
Dateigröße	97.5 KB
Installationsanzahl	189
Aktuelle Version	1.0.0
Letztes Update	2023-07-25
Veröffentlichungsdatum	2023-07-24
Entwickler	jeong57281
E-Mail	[email protected]
Zahlungsart	free
Unterstützte Sprachen	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" ] }