DevTools z-index

Featured

3.5(

13 ratings

)

Extension Developer Tools9,000 users

Overview

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

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

3.5 out of 5
13 ratings
Google doesn't verify reviews. Learn more about results and reviews.

Béci Roboz
Feb 11, 2023

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

Jia Shan
Jul 25, 2022

Didn't work.

1 person found this review to be helpful

Joel Kuhn
Sep 15, 2021

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.

1 person found this review to be helpful

Details

Version
1.1.0
Updated
July 6, 2022
Report a concern
Offered by
ginpei
Size
20.82KiB
Languages
English
Developer
Email
ginpei@ginpei.dev
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Web Vitals

4.1(40)

Measure metrics for a healthy site

PerfectPixel by WellDoneCode (pixel perfect)

4.4(597)

This extension helps develop your websites with pixel perfect accuracy!

VisBug

4.8(224)

Open source browser design tools

Dimensions

4.1(449)

A tool for designers to measure screen dimensions

z-context

3.5(41)

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

Z-index Visualizer

0.0(0)

A tool that visualizes (2.5D) the stacking contexts of web pages.

HTMLエラーチェッカー

4.4(96)

HTMLの開始・終了タグの過不足などを検出する拡張機能です。エラーがある場合、数値が表示されます。JSでソースを確認するので、外部送信は行ってません。※formがあるページで挙動がおかしくなる場合は、一時的にオフにしてください。

CSS Stacking Context inspector

3.8(17)

Helps inspecting the css stacking contexts and solving the z-index war.

Alt & Meta viewer

4.2(10)

画像に設定された Alt または Title 属性をツールチップで表示することができます。ヘッダの Title、Meta 情報を一覧表示させることができます。

Apollo Client Devtools

2.6(264)

GraphQL debugging tools for Apollo Client.

Responsive Viewer

4.5(241)

Show multiple screens once, Responsive design tester

Xdebug helper

4.4(431)

Easy debugging, profiling and tracing extension for Xdebug