Z-index Visualizer

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

Τι είναι το Z-index Visualizer;

Το Z-index Visualizer είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον jeong57281, και η κύρια λειτουργία του είναι "A tool that visualizes (2.5D) the stacking contexts of web pages.".

Στιγμιότυπα Επέκτασης

screenshot

Λήψη αρχείου CRX της επέκτασης Z-index Visualizer

Λήψη αρχείων επέκτασης Z-index Visualizer σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

                        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-index Visualizer Z-index Visualizer
ID hpimpiejkldpjhijfpglflpplnhdffcf
Επίσημο URL https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Περιγραφή A tool that visualizes (2.5D) the stacking contexts of web pages.
Μέγεθος Αρχείου 97.5 KB
Αριθμός Εγκαταστάσεων 189
Τρέχουσα Έκδοση 1.0.0
Τελευταία Ενημέρωση 2023-07-25
Ημερομηνία Δημοσίευσης 2023-07-24
Προγραμματιστής jeong57281
Ηλεκτρονικό ταχυδρομείο [email protected]
Τύπος Πληρωμής free
Υποστηριζόμενες Γλώσσες 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"
    ]
}