Z-index Visualizer

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

Hvad er Z-index Visualizer?

Z-index Visualizer er en Chrome-udvidelse udviklet af jeong57281, og dens hovedfunktion er "A tool that visualizes (2.5D) the stacking contexts of web pages.".

Udvidelsesskærmbilleder

screenshot

Download Z-index Visualizer-udvidelses-CRX-fil

Download Z-index Visualizer-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.

Brugsanvisning til Udvidelsen

                        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                    

Grundlæggende oplysninger om udvidelsen

Navn Z-index Visualizer Z-index Visualizer
ID hpimpiejkldpjhijfpglflpplnhdffcf
Officiel URL https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Beskrivelse A tool that visualizes (2.5D) the stacking contexts of web pages.
Filstørrelse 97.5 KB
Antal Installationer 189
Nuværende Version 1.0.0
Senest Opdateret 2023-07-25
Udgivelsesdato 2023-07-24
Udvikler jeong57281
E-mail [email protected]
Betalingsmetode free
Understøttede Sprog 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"
    ]
}