Z-index Visualizer

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

Vad är Z-index Visualizer?

Z-index Visualizer är en Chrome-tillägg utvecklad av jeong57281, och dess huvudfunktion är "A tool that visualizes (2.5D) the stacking contexts of web pages.".

Tilläggsskärmbilder

screenshot

Ladda ner Z-index Visualizer-förlängningens CRX-fil

Ladda ner Z-index Visualizer-filändelser i crx-format, installera Chrome-tillägg manuellt i webbläsaren eller dela crx-filerna med vänner för att enkelt installera Chrome-tillägg.

Användarmanual för Tillägg

                        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äggande Information om Tillägg

Namn Z-index Visualizer Z-index Visualizer
ID hpimpiejkldpjhijfpglflpplnhdffcf
Officiell webbadress https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Beskrivning A tool that visualizes (2.5D) the stacking contexts of web pages.
Filstorlek 97.5 KB
Antal Installationer 189
Aktuell Version 1.0.0
Senast Uppdaterad 2023-07-25
Publiceringsdatum 2023-07-24
Utvecklare jeong57281
E-post [email protected]
Betalningssätt free
Stödda Språk 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"
    ]
}