Wat is Z-index Visualizer?

Z-index Visualizer is een Chrome-extensie ontwikkeld door jeong57281, en de belangrijkste functie is "A tool that visualizes (2.5D) the stacking contexts of web pages.".

Extensie Screenshots

Download het CRX-bestand van de extensie Z-index Visualizer

Download Z-index Visualizer-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

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

Basisinformatie over de Extensie

Naam	Z-index Visualizer
ID	hpimpiejkldpjhijfpglflpplnhdffcf
Officiële URL	https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Beschrijving	A tool that visualizes (2.5D) the stacking contexts of web pages.
Bestandsgrootte	97.5 KB
Aantal Installaties	189
Huidige Versie	1.0.0
Laatst Bijgewerkt	2023-07-25
Publicatiedatum	2023-07-24
Ontwikkelaar	jeong57281
E-mail	[email protected]
Betalingswijze	free
Ondersteunde Talen	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" ] }