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