z-context chrome extension

Version: 2.1.0
z-context
A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel
3.74 Based on 39 user rates

What is z-context?

z-context is a developer tools chrome extension. it's a free extension , it has 8,000+ active users since released its first version, it earns an average rating of 3.74 from 39 rated user, last update is 830 days ago.


What’s new in version 2.1.0?

                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            

How to install z-context?

You could download the latest version crx file or older version files and install it.


Preview of z-context


Technical Features:

  • Latest Version: 2.1.0
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Thursday, January 27th, 2022
  • Author: gwwar

z-context Available languages:

English.


FAQ


Reviews of z-context:


Zachary Wiles March 4th, 2023
Zachary Wiles

I have found that z-context v2.1.0 doesn't work (empty panel) upon first install until the browser is restarted. Temp fix: restart chrome browser after install. FAQ: Where does the Z-index panel appear? On the panel row with the Styles tab, at the very end, probably need to click the disclosure >> You can then rearrange by dragging the tab left.


Lumbardh Elshani August 18th, 2022
Lumbardh Elshani

Not working


Sebastian Vittersø November 2nd, 2021
Sebastian Vittersø

Worked wonders, super helpful for solving a problem related to stacking context.

Read more review & comments of z-context