Z-index Visualizer

A tool that visualizes (2.5D) the stacking contexts of web pages.

¿Qué es Z-index Visualizer?

Z-index Visualizer es una extensión de Chrome desarrollada por jeong57281, y su función principal es "A tool that visualizes (2.5D) the stacking contexts of web pages.".

Capturas de Pantalla de la Extensión

screenshot

Descargar Archivo CRX de la Extensión Z-index Visualizer

Descarga archivos de extensión Z-index Visualizer en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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                    

Información Básica de la Extensión

Nombre Z-index Visualizer Z-index Visualizer
ID hpimpiejkldpjhijfpglflpplnhdffcf
URL Oficial https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Descripción A tool that visualizes (2.5D) the stacking contexts of web pages.
Tamaño del Archivo 97.5 KB
Cantidad de Instalaciones 189
Versión Actual 1.0.0
Última Actualización 2023-07-25
Fecha de Publicación 2023-07-24
Desarrollador jeong57281
Correo electrónico [email protected]
Tipo de Pago free
Idiomas Soportados 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"
    ]
}