Z-index Visualizer

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

Co je Z-index Visualizer?

Z-index Visualizer je rozšíření Chrome vyvinuté jeong57281, a jeho hlavní funkcí je „A tool that visualizes (2.5D) the stacking contexts of web pages.“.

Snímky obrazovky rozšíření

screenshot

Stáhnout soubor CRX rozšíření Z-index Visualizer

Stáhněte si soubory rozšíření Z-index Visualizer ve formátu crx, ručně nainstalujte rozšíření Chrome do prohlížeče nebo sdílejte soubory crx s přáteli, abyste jednoduše nainstalovali rozšíření Chrome.

Pokyny pro Použití Rozšíření

                        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ákladní Informace o Rozšíření

Název Z-index Visualizer Z-index Visualizer
ID hpimpiejkldpjhijfpglflpplnhdffcf
Oficiální URL https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Popis A tool that visualizes (2.5D) the stacking contexts of web pages.
Velikost souboru 97.5 KB
Počet instalací 189
Aktuální Verze 1.0.0
Poslední Aktualizace 2023-07-25
Datum Vydání 2023-07-24
Vývojář jeong57281
E-mail [email protected]
Typ Platby free
Podporované Jazyky 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"
    ]
}