Item logo image for DevTools z-index

DevTools z-index

Featured
3.3(

12 ratings

)
Item media 2 (screenshot) for DevTools z-index
Item media 3 (screenshot) for DevTools z-index
Item video thumbnail
Item media 2 (screenshot) for DevTools z-index
Item media 3 (screenshot) for DevTools z-index
Item video thumbnail
Item media 2 (screenshot) for DevTools z-index
Item video thumbnail
Item media 2 (screenshot) for DevTools z-index
Item media 3 (screenshot) for DevTools z-index

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

Details

  • Version
    1.2.0
  • Updated
    June 17, 2024
  • Offered by
    ginpei
  • Size
    22.53KiB
  • 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

Manage extensions and learn how they're being used in your organization
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

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

PerfectPixel by WellDoneCode (pixel perfect)

4.3

Drop your mockup on the live page for pixel-perfect comparison with your code.

VisBug

4.8

Open source browser design tools

Dimensions

4.2

A tool for designers to measure screen dimensions

Grid Ruler

3.8

Create grids and measure their distance easily.

z-context

3.5

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

Z-index Visualizer

5.0

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

HTML Error Checker

4.4

Check the HTML for error. This doesn't send the source to the external. If web page behavior is not correct, you should turn off it.

Localhost Open Graph Checker

3.7

Check Open Graph on internet unreachable sites like localhost or under basic auth. Temporary host site head tags on hashed url.

CSS Stacking Context inspector

3.7

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

Alt & Meta viewer

4.2

This extension show alt and meta.

Apollo Client Devtools

2.7

GraphQL debugging tools for Apollo Client.

Vue.js devtools (beta)

3.8

DevTools browser extension for Vue.js

PerfectPixel by WellDoneCode (pixel perfect)

4.3

Drop your mockup on the live page for pixel-perfect comparison with your code.

VisBug

4.8

Open source browser design tools

Dimensions

4.2

A tool for designers to measure screen dimensions

Grid Ruler

3.8

Create grids and measure their distance easily.

z-context

3.5

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

Z-index Visualizer

5.0

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

HTML Error Checker

4.4

Check the HTML for error. This doesn't send the source to the external. If web page behavior is not correct, you should turn off it.

Localhost Open Graph Checker

3.7

Check Open Graph on internet unreachable sites like localhost or under basic auth. Temporary host site head tags on hashed url.

Google apps