DevTools z-index

CRX ID
bcnpmhefiohkpmjacfoanhbjhikegmoe
Status
Live on Store
Description from extension meta

Print all elements with z-index sorted by that number.

Image from store
DevTools z-index
Description from store

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` !!

Latest reviews

Mike Sealey 2024-09-02

Not perfect, but helped me with my issue.

Béci Roboz 2023-02-11

It is working, the location: https://github.com/ginpei/devtools-z-index/issues/88

Béci Roboz 2023-02-11

It is working, the location: https://github.com/ginpei/devtools-z-index/issues/88

Jia Shan 2022-07-25

Didn't work.

Jia Shan 2022-07-25

Didn't work.

Joel Kuhn 2021-09-15

Make sure you fully restart chrome after adding or the pane will not be there. Unfortunately this plugin does not handle parents, so it doesn't actually reflect how the browser will render z-order.

Joel Kuhn 2021-09-15

Make sure you fully restart chrome after adding or the pane will not be there. Unfortunately this plugin does not handle parents, so it doesn't actually reflect how the browser will render z-order.

Giap Van Doan 2020-03-08

not working

Giap Van Doan 2020-03-08

not working

Back Track Grey Hat 2019-12-31

Not even showing up in dev tools ;.;

Back Track Grey Hat 2019-12-31

Not even showing up in dev tools ;.;

Stefan Reich 2019-11-15

First I didn't see the tab "z-index" next to "Accessibility" - now I do. Not sure what I did.

Anonymous 2019-11-14

Works well enough for what it is. It would be quite a bit more helpful to troubleshoot larger projects by highlighting the row of the element highlighted in the Elements tab to show it's corresponding z-index.

senselocke 2019-01-23

Doesn't work, man. Click z-index tab, see "Note: Inspecting element works only looking its selector for now. You would get a wrong element that can be selected by the same selector". Absolutely no information.

senselocke 2019-01-23

Doesn't work, man. Click z-index tab, see "Note: Inspecting element works only looking its selector for now. You would get a wrong element that can be selected by the same selector". Absolutely no information.

Антон Мамкин 2018-12-24

everything is cool, but in the dark console theme you can not see the numbers in the table

Антон Мамкин 2018-12-24

everything is cool, but in the dark console theme you can not see the numbers in the table

Tomohiko Hirose 2018-06-22

便利。devtoolを黒背景にしてると若干みにくいっす

Statistics

Installs
9,000
Market
Chrome Web Store
Category
Rating
3.33 (12 votes)
Last update
2024-06-17
Version 1.2.0
Languages