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 مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

                        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"
    ]
}