A tool that visualizes (2.5D) the stacking contexts of web pages.
Z-index Visualizer Extension
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
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"]}
Similar Extensions
Gimli Tailwind 575 33 ★ 151KiB
Page Ruler 575 83 ★ 256KiB
Web Vitals 575 43 ★ 398KiB
Apollo Client Devtools 575 266 ★ 490KiB
BrowserStack 575 95 ★ 805KiB
DevTools z-index 575 13 ★ 22.53KiB
Css Layout Hack 575 3 ★ 167KiB
React Context DevTool 575 21 ★ 2.35MiB
z-context 575 42 ★ 30.48KiB
Measuremate 575 42 ★ 797KiB
CSS Used 575 184 ★ 164KiB
3D View website 575 4 ★ 17.25KiB
Outliner CSS 575 11 ★ 13.01KiB
CSS Stacking Context inspector 575 21 ★ 262KiB
VisBug 575 252 ★ 5.38MiB
CSS Scan 575 84 ★ 1.41MiB
axe DevTools - Web Accessibility Testing 575 114 ★ 2.89MiB
Grid Ruler 575 335 ★ 288KiB
Debug CSS 575 35 ★ 19.06KiB
SnipCSS 575 32 ★ 13.12MiB
Alpine.js devtools 575 34 ★ 67.78KiB
taba11y 575 15 ★ 205KiB
Zukeeper: Devtools for Zustand 575 6 ★ 939KiB
Designer Tools 575 227 ★ 987KiB