Z-index Visualizer

5.0(

1 rating

)

Extension Developer Tools881 users

Item media 2 (screenshot) for Z-index Visualizer

Overview

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

Due to the stacking context concept of CSS, in certain situations, no matter how high the z-index value is, the desired result may not be achieved. By visualizing the stacking context (2.5D), the tool helps you quickly identify which elements the current stacking context is dependent on. Github: https://github.com/junghyunbak/chrome-extension-z-index-visualizer

5 out of 5
1 rating
Learn more about results and reviews.

Details

Version
1.0.0
Updated
July 24, 2023
Flag concern
Offered by
jeong57281
Size
97.5KiB
Languages
English
Developer
Email
jeong5728@gmail.com
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

Measuremate — Pixel Ruler for Web Design

4.4

Measure distances between any elements on any website. Pixel ruler + CSS inspector for pixel-perfect design handoff.

CSS Used

4.4

Get all css rules used by the selected DOM and its descendants.

ARIA DevTools

4.9

Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.

Accessibility Insights for Web

4.7

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

Gimli Tailwind

4.6

A DevTools extension enabling smart tools for Tailwind CSS.

Debug CSS

4.4

When enabled adds outline to all elements on the page, Hold Ctrl and hover to get more detail

Apollo Client Devtools

2.7

GraphQL debugging tools for Apollo Client.

DevTools z-index

3.3

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

Css Layout Hack

4.0

You can see website layers with different colors easily

React Context DevTool

4.2

Devtool for React Context and useReducer

Alpine.js devtools

4.1

DevTools extension for debugging Alpine.js applications.

z-context

3.5

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