Z-index Visualizer

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

Apa itu Z-index Visualizer?

Z-index Visualizer adalah ekstensi Chrome yang dikembangkan oleh jeong57281, dan fitur utamanya adalah "A tool that visualizes (2.5D) the stacking contexts of web pages.".

Screenshot Ekstensi

screenshot

Unduh Berkas CRX Ekstensi Z-index Visualizer

Unduh file ekstensi Z-index Visualizer dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

                        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                    

Informasi Dasar Ekstensi

Nama Z-index Visualizer Z-index Visualizer
ID hpimpiejkldpjhijfpglflpplnhdffcf
URL Resmi https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Deskripsi A tool that visualizes (2.5D) the stacking contexts of web pages.
Ukuran File 97.5 KB
Jumlah Instalasi 189
Versi Saat Ini 1.0.0
Terakhir Diperbarui 2023-07-25
Tanggal Publikasi 2023-07-24
Pengembang jeong57281
Email [email protected]
Tipe Pembayaran free
Bahasa yang Didukung 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"
    ]
}