Passe o mouse sobre os elementos para ver e copiar seus estilos CSS.
Users
16
+5 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#164K
#137K among extensions
Version
1.0.1
updated 4 Dec 2025
Users
monthly, 11 months
Latest, 16 Oct 2026:16 usersMove the mouse over the chart for any month
Ratings count
monthly, 11 months
Latest, 16 Oct 2026:0 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About CSS Inspector
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.