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

Latest Version

Version
1.0.0
Update
July 24, 2023
Size
97.5KiB
Developer
Category
Users
575
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
Tabs
See more

Z-index Visualizer Extension

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
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"description":"A tool that visualizes (2.5D) the stacking contexts of web pages.",
"version":"1.0.0",
"manifest_version":3,
"name":"Z-index Visualizer",
"background":{"service_worker":"background.bundle.js"},
"action":{"default_icon":"icon-32.png"},
"icons":{"128":"icon-128.png"},
"content_scripts":[{"matches":["http://*/*",
"https://*/*",
""],
"js":["contentScript.bundle.js"],
"css":["content.styles.css"]}],
"devtools_page":"devtools.html",
"web_accessible_resources":[{"resources":["content.styles.css",
"icon-128.png",
"icon-32.png"],
"matches":[]}],
"permissions":["storage",
"tabs"]}
Read more

Similar Extensions

icon

Gimli Tailwind Extension · Developer Tools 575 33 ★ 151KiB

icon

Page Ruler Extension · Productivity 575 83 ★ 256KiB

icon

Web Vitals Extension · Developer Tools 575 43 ★ 398KiB

icon

Apollo Client Devtools Extension · Developer Tools 575 266 ★ 490KiB

icon

BrowserStack Extension · Developer Tools 575 95 ★ 805KiB

icon

DevTools z-index Extension · Developer Tools 575 13 ★ 22.53KiB

icon

Css Layout Hack Extension · Developer Tools 575 3 ★ 167KiB

icon

React Context DevTool Extension · Developer Tools 575 21 ★ 2.35MiB

icon

z-context Extension · Developer Tools 575 42 ★ 30.48KiB

icon

Measuremate Extension · Developer Tools 575 42 ★ 797KiB

icon

CSS Used Extension · Developer Tools 575 184 ★ 164KiB

icon

3D View website Extension · Productivity 575 4 ★ 17.25KiB

icon

Outliner CSS Extension · Developer Tools 575 11 ★ 13.01KiB

icon

CSS Stacking Context inspector Extension · Developer Tools 575 21 ★ 262KiB

icon

VisBug Extension · Developer Tools 575 252 ★ 5.38MiB

icon

CSS Scan Extension · Developer Tools 575 84 ★ 1.41MiB

icon

axe DevTools - Web Accessibility Testing Extension · Accessibility 575 114 ★ 2.89MiB

icon

Grid Ruler Extension · Developer Tools 575 335 ★ 288KiB

icon

Debug CSS Extension · Developer Tools 575 35 ★ 19.06KiB

icon

SnipCSS Extension · Developer Tools 575 32 ★ 13.12MiB

icon

Alpine.js devtools Extension · Developer Tools 575 34 ★ 67.78KiB

icon

taba11y Extension · Developer Tools 575 15 ★ 205KiB

icon

Zukeeper: Devtools for Zustand Extension · Developer Tools 575 6 ★ 939KiB

icon

Designer Tools Extension · Developer Tools 575 227 ★ 987KiB