Inspetor Web: inspetor leve de HTML e CSS na página para Chrome
Inspetor Web, desenvolvido por Alexandre Silva Lins Junior, é uma extensão do Chrome que permite inspecionar a estrutura e o estilo da página sem abrir a caixa de ferramentas do desenvolvedor completa. Ele exibe dados de elementos em uma dica de ferramenta organizada para que você possa ler tipografia, layout, cor, atributos e dimensões de relance. A extensão se concentra em uma inspeção rápida e com baixa distração. Desenvolvedores front-end, designers web e estudantes têm uma maneira compacta de auditar layouts e aprender a estrutura de componentes.
Tamanho de instalação muito pequeno reduz a sobrecarga da extensão
A extensão é enviada com um tamanho de 40KiB, um fato que minimiza o impacto no armazenamento e na carga inicial em comparação com complementos mais pesados. Esse pequeno tamanho mantém o instalador e o pacote da extensão compactos, de modo que o catálogo de extensões do navegador aumenta sem um salto proporcional no uso do disco. Para equipes ou aprendizes que instalam várias ferramentas auxiliares, o perfil de baixo uso de disco é importante para manter um ambiente de desenvolvimento limpo.
Design focado na privacidade evita transmissão de dados externos
Inspetor Web utiliza uma arquitetura focada na privacidade que não coleta dados pessoais nem se comunica com servidores externos. Como a inspeção ocorre localmente, a ferramenta reduz a exposição ao rastreamento que vem da análise baseada em nuvem. Esse comportamento apenas local significa que os detalhes da página são revelados em sua máquina sem telemetria, o que se adapta a fluxos de trabalho que exigem manter os dados de inspeção fora de serviços de terceiros.
Ativação rápida e uma sobreposição focada se adequam a fluxos de trabalho ad-hoc
A ferramenta é ativada pelo ícone da barra de ferramentas ou pelo atalho de teclado Ctrl+Shift+I para alternar uma sobreposição de inspeção, que suporta mudanças rápidas de contexto durante tarefas de desenvolvimento. Uma vez ativada, ela destaca o elemento ativo para que você possa localizar a estrutura sem procurar em painéis aninhados. O modelo de alternância facilita a inspeção intermitente durante iterações de design e exercícios em sala de aula.
Funciona em navegadores Chromium e complementa ferramentas de desenvolvimento completas
A extensão é compatível com o Chrome e outros navegadores baseados em Chromium, incluindo:
- Chrome
- Microsoft Edge
- Brave e Opera
Ela se posiciona como uma alternativa às ferramentas de desenvolvedor integradas do navegador, oferecendo verificações mais rápidas e leves em vez de todo o conjunto de recursos de depuração; desenvolvedores que precisam de inspeção profunda ou perfilagem ainda dependem da caixa de ferramentas nativa.
Uma ferramenta de aprendizado focada e de verificação rápida mais adequada para inspeções curtas
Inspetor Web é uma opção prática para aprendizes e profissionais que desejam uma maneira local e de baixo custo para examinar a estrutura da página durante verificações rápidas e protótipos. Como é descrito como uma alternativa em vez de um substituto para ferramentas de desenvolvedor completas, os usuários que precisam de depuração avançada devem manter as devtools nativas disponíveis. A extensão está disponível agora e aguarda suas primeiras avaliações de usuários na Chrome Web Store.
