O que é Z-index Visualizer?

Z-index Visualizer é uma extensão do Chrome desenvolvida por jeong57281, e sua principal característica é "A tool that visualizes (2.5D) the stacking contexts of web pages.".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão Z-index Visualizer

Baixe arquivos de extensão Z-index Visualizer no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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

Informações Básicas da Extensão

Nome	Z-index Visualizer
ID	hpimpiejkldpjhijfpglflpplnhdffcf
URL Oficial	https://chromewebstore.google.com/detail/z-index-visualizer/hpimpiejkldpjhijfpglflpplnhdffcf
Descrição	A tool that visualizes (2.5D) the stacking contexts of web pages.
Tamanho do Arquivo	97.5 KB
Contagem de Instalações	189
Versão Atual	1.0.0
Última Atualização	2023-07-25
Data de Publicação	2023-07-24
Desenvolvedor	jeong57281
Email	[email protected]
Tipo de Pagamento	free
Idiomas Suportados	en
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" ] }