English
See more
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
Extension ID
Languages Support
Permissions
Storage
Tabs
See more
Tabs
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
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"]}
Read more
"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"]}
