z-context

A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel

z-context क्या है?

z-context gwwar द्वारा विकसित एक क्रोम एक्सटेंशन है, और इसकी मुख्य विशेषता है "A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel"।

एक्सटेंशन स्क्रीनशॉट्स

screenshot
screenshot

एक्सएक्स एक्सटेंशन CRX फ़ाइल डाउनलोड करें

crx प्रारूप में z-context एक्सटेंशन फ़ाइलें डाउनलोड करें, ब्राउज़र में क्रोम एक्सटेंशन को मैन्युअल रूप से स्थापित करें या दोस्तों के साथ crx फ़ाइलों को साझा करें ताकि क्रोम एक्सटेंशन को आसानी से स्थापित किया जा सके।

एक्सटेंशन उपयोग निर्देश

                        Why use it? Browsers support a hierarchy of stacking contexts, rather than a single global one. This means that z-index values are often used incorrectly, and arbitrarily high values get set. 

By Using Z-Context, you'll know:

- If the current element creates a stacking context, and why
- What its parent stacking context is
- The z-index value
--------
v2.1.0 - Includes http protocol to facilitate development use cases https://github.com/gwwar/z-context/pull/23
v2.0.0 - Adds support for inspecting iframes https://github.com/gwwar/z-context/pull/21 https://github.com/gwwar/z-context/pull/22
v1.1.0 - Adds z-index stacking context rules as of 2021. Adds fixes for position sticky and shadow dom, props to roperzh and edenilan! See pulls 10, 17 and 18 at  https://github.com/gwwar/z-context.
v1.0.4 - fixes will-change case. a stacking context is created for opacity/transform but not other values https://github.com/gwwar/z-context/pull/9
v1.0.3 - fixes display reason for flex-items https://github.com/gwwar/z-context/pull/4
v1.0.2 - adds new z-index rules, fixes a bug when inspecting a shadow dom elements. https://github.com/gwwar/z-context/pull/3
v1.0.1  - fix reason message for non-static positions, props to giuseppeg. https://github.com/gwwar/z-context/pull/1                    

एक्सटेंशन की मूल जानकारी

नाम z-context z-context
ID jigamimbjojkdgnlldajknogfgncplbh
आधिकारिक URL https://chromewebstore.google.com/detail/z-context/jigamimbjojkdgnlldajknogfgncplbh
विवरण A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel
फ़ाइल का आकार 28.48 KB
स्थापना संख्या 8,667
वर्तमान संस्करण 2.1.0
अंतिम अपडेट 2022-01-27
प्रकाशन तिथि 2018-02-17
रेटिंग 3.51/5 कुल 41 रेटिंग्स
डेवलपर gwwar
ईमेल [email protected]
भुगतान के प्रकार free
समर्थित भाषाएँ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "z-context",
    "version": "2.1.0",
    "description": "A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel",
    "author": "gwwar",
    "devtools_page": "devtools\/index.html",
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "js": [
                "content-script.js"
            ],
            "all_frames": true
        }
    ],
    "icons": {
        "16": "icons\/icon_16.png",
        "48": "icons\/icon_48.png",
        "72": "icons\/icon_72.png",
        "96": "icons\/icon_96.png",
        "128": "icons\/icon_128.png",
        "144": "icons\/icon_144.png",
        "192": "icons\/icon_192.png"
    }
}