Print all elements with z-index sorted by that number.
DevTools z-index Chrome Extension – Simplify Your Styling
DevTools z-index is a Chrome extension designed to ease the process of managing and understanding your webpage layering. With this tool, you gain a pane in your DevTools' Elements panel showing all elements sorted by their z-index value. It offers an easy way to visualize z-index stacking order, which aids in reducing the instances of z-index high values like 999999. A must-have solution for developers aiming for cleaner, more efficient CSS styling.
Extension stats
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 3
Size: 23.07K
Email: gi*****@ginpei.dev
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Extension summary
Adds "z-index" pane to DevTools' Elements panel. It shows ranking of elements sorted by z-index value. This would help you to reduce z-index numbers.
Stop z-index: 999999
!!
User reviews
Pros
- Helps with z-index issues
- Works after proper setup with Chrome restart
- Useful feature added to DevTools
Cons
- Doesn't handle parent elements' z-index correctly
- Inconsistent functionality; sometimes does not show up
- Difficult to read numbers in dark console theme
Most mentioned
- Not working or issues with functionality
- Need to restart Chrome after adding
- Problems in dark theme visibility
User reviews
Not perfect, but helped me with my issue.
It is working, the location: https://github.com/ginpei/devtools-z-index/issues/88
Didn't work.
Extension safety
Risk impact
DevTools z-index requires very minimum permissions.
Risk likelihood
DevTools z-index has earned a good reputation and can be trusted.
Upgrade to see risk analysis details
Similar extensions
Here are some Chrome extensions that are similar to DevTools z-index:
z-context Z-index Visualizer HTML Error Checker Localhost Open Graph Checker CSS Stacking Context inspector Alt & Meta viewer Apollo Client Devtools Web Vitals VisBug CSS Used Dimensions PerfectPixel by WellDoneCode (pixel perfect)
gwwar
3.47
7,000+
jeong57281
N/A
591
https://kzms2.xyz
4.42
80,000+
https://local-ogp.firebaseapp.com
3.79
10,000+
Andrea Dragotta
3.86
9,000+
googflogs.app
4.20
50,000+
https://www.apollographql.com
2.64
200,000+
addyosmani
4.21
100,000+
https://visbug.web.app
4.80
200,000+
https://bobscript.com
4.51
60,000+
https://www.felixniklas.com
4.13
200,000+
https://welldonecode.com
4.37
300,000+