Z-index Visualizer

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

Co to jest Z-index Visualizer?

Z-index Visualizer to rozszerzenie Chrome opracowane przez jeong57281, a jego główną funkcją jest „A tool that visualizes (2.5D) the stacking contexts of web pages.”.

Zrzuty ekranu rozszerzenia

screenshot

Pobierz plik CRX rozszerzenia Z-index Visualizer

Pobierz pliki rozszerzeń Z-index Visualizer w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        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                    

Podstawowe informacje o rozszerzeniu

Nazwa Z-index Visualizer Z-index Visualizer
ID hpimpiejkldpjhijfpglflpplnhdffcf
Oficjalny URL https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Opis A tool that visualizes (2.5D) the stacking contexts of web pages.
Rozmiar pliku 97.5 KB
Liczba instalacji 189
Aktualna Wersja 1.0.0
Ostatnia Aktualizacja 2023-07-25
Data Publikacji 2023-07-24
Deweloper jeong57281
E-mail [email protected]
Typ Płatności free
Obsługiwane Języki 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"
    ]
}