Description
Pare de lutar com o DevTools. Inspecione o CSS de qualquer site na velocidade da luz. ⚡️
O CSS Inspector é a ferramenta essencial para desenvolvedores front-end, designers e estudantes que desejam analisar e copiar estilos de páginas da web sem a complexidade do "Inspecionar Elemento" padrão do navegador.
Basta passar o mouse sobre qualquer elemento e você verá instantaneamente suas propriedades CSS, dimensões e atributos. Gostou do que viu? Copie o código inteiro com apenas um clique.
Por que usar o CSS Inspector? O DevTools nativo é poderoso, mas lento para verificações rápidas. O CSS Inspector flutua sobre a página, permitindo que você entenda a estrutura visual de um site em segundos, não minutos.
💎 RECURSOS GRATUITOS (Para todos): ✅ Inspeção Instantânea: Passe o mouse para ver as dimensões e a tag do elemento. ✅ Painel Flutuante: Visualize as propriedades CSS computadas (fontes, cores, margens, etc). ✅ Rápido e Leve: Não deixa o navegador lento.
🚀 RECURSOS PRO (Para quem quer produtividade máxima): Desbloqueie todo o potencial com uma licença vitalícia:
🧠 Algoritmo de "CSS Inteligente": Chega de ver estilos padrão do navegador (user-agent). Veja apenas o CSS limpo que o desenvolvedor original escreveu. 📋 Cópia com Um Clique: Copie o bloco de código CSS completo e pronto para colar no seu editor. 📌 Modo Fixar (Pin): Pressione 'P' para travar o painel em um elemento e analisar com calma. nav Navegação pelo DOM: Use as setas do teclado (Cima/Baixo) para navegar entre elementos Pai e Filhos sem precisar mirar o mouse. 🍞 Breadcrumbs e Atributos: Veja o caminho completo do elemento e seus atributos (ID, Class, Href, Src, etc).
Como usar:
Instale a extensão.
Clique no ícone do CSS Inspector na barra de ferramentas.
Passe o mouse sobre qualquer elemento da página.
(Pro) Clique para copiar ou pressione 'P' para fixar.
Privacidade: Nós respeitamos sua privacidade. O CSS Inspector não coleta dados de navegação, não exibe anúncios e roda inteiramente no seu navegador local.
Dúvidas ou Suporte? Precisa de ajuda com sua licença ou tem uma sugestão? Entre em contato conosco.
Reviews
Loading reviews...
Permissions (2)
Permissions
activeTabℹ Can access the current tab when you click the extension storageℹ Can store data locally in your browser
Details
| Version | 1.0.1 |
| Updated | Dec 4, 2025 |
| Size | 35.7KiB |
| First Seen | Mar 21, 2026 |
Popular in developer
React Developer Tools
by Meta
5M
★ 3.95
developer
5M
★ 3.95
developer
Lighthouse
by lighthouse-extension-owners
1M
★ 4.42
developer
1M
★ 4.42
developer
Контур.Плагин
by kontur.extension
1M
★ 3.11
developer
1M
★ 3.11
developer
Similarweb - Website Traffic & SEO Checker
by Similarweb
1M
★ 4.66
developer
1M
★ 4.66
developer
Clear Cache
by Little Void LLC (Ben Bojko)
1M
★ 4.45
developer
1M
★ 4.45
developer
Popular Extensions
Adobe Acrobat: PDF edit, convert, sign tools
by Adobe Inc.
330M
★ 4.40
workflow
330M
★ 4.40
workflow
Chrome Remote Desktop
by Chrome Remote Desktop Release Managers
38M
★ 3.14
workflow
38M
★ 3.14
workflow
Cisco Webex Extension
by cisco.chromestore
24M
★ 2.34
social
24M
★ 2.34
social
Kami for Google Chrome™
by Kami
17M
★ 4.56
education
17M
★ 4.56
education
Read&Write for Google Chrome™
by Texthelp
17M
★ 3.44
accessibility
17M
★ 3.44
accessibility