z-context

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

Τι είναι το z-context;

Το z-context είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον gwwar, και η κύρια λειτουργία του είναι "A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel".

Στιγμιότυπα Επέκτασης

screenshot
screenshot

Λήψη αρχείου CRX της επέκτασης z-context

Λήψη αρχείων επέκτασης z-context σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

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