Z-index Visualizer

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

Qu'est-ce que Z-index Visualizer ?

Z-index Visualizer est une extension Chrome développée par jeong57281, et sa fonction principale est "A tool that visualizes (2.5D) the stacking contexts of web pages.".

Captures d'Écran de l'Extension

screenshot

Télécharger le fichier CRX de l'extension Z-index Visualizer

Téléchargez les fichiers d'extension Z-index Visualizer au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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                    

Informations de Base sur l'Extension

Nom Z-index Visualizer Z-index Visualizer
ID hpimpiejkldpjhijfpglflpplnhdffcf
URL Officiel https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Description A tool that visualizes (2.5D) the stacking contexts of web pages.
Taille du Fichier 97.5 KB
Nombre d'Installations 189
Version Actuelle 1.0.0
Dernière Mise à Jour 2023-07-25
Date de Publication 2023-07-24
Développeur jeong57281
Email [email protected]
Type de Paiement free
Langues Prises en Charge 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"
    ]
}