🚀 CSS Injector: Injeção Rápida de Estilos para Desenvolvedores

Cansado de abrir as Dev Tools para cada pequeno teste de estilo? O CSS Injector é a extensão definitiva para desenvolvedores. Injete código CSS temporário diretamente na sua aba ativa com apenas um clique! Agilize seu workflow, salve seu código entre sessões e otimize seu tempo. Aprenda agora como ativar essa ferramenta essencial no Chrome e no Edge.


Passo a Passo: Como Ativar a Extensão CSS Injector (Modo Desenvolvedor)

Como o CSS Injector é uma extensão personalizada, a ativação é feita usando o Modo Desenvolvedor do seu navegador. O processo é rápido e idêntico no Google Chrome e no Microsoft Edge.

1. Preparação da Pasta

Certifique-se de que todos os arquivos da sua extensão (manifest.json, pastas css, scripts, etc.) estão organizados dentro de uma única pasta chamada, por exemplo, CSS_INJECTOR.

2. Acessando a Página de Extensões

Abra uma nova aba no seu navegador e siga as instruções abaixo:

NavegadorURL de AcessoAtalho Rápido
Google ChromeDigite chrome://extensionsClique nos três pontos (menu), depois em Mais Ferramentas > Extensões.
Microsoft EdgeDigite edge://extensionsClique nos três pontos (menu), depois em Extensões > Gerenciar extensões.

Exportar para as Planilhas

3. Ativando o Modo Desenvolvedor

Na página de Extensões, localize o Modo Desenvolvedor (Developer mode). Geralmente, é um toggle ou switch no canto superior direito da tela.

  • Clique para ativá-lo.

4. Carregando a Extensão

Com o Modo Desenvolvedor ativado, um novo botão aparecerá. Clique em:

  • “Carregar sem compactação” (Load unpacked)

Uma janela de seleção de pastas será aberta. Navegue até o local onde você salvou a pasta CSS_INJECTOR e selecione-a.

5. Utilizando a Extensão

A extensão CSS Injector aparecerá imediatamente na lista de extensões instaladas.

  • Vá para a barra de endereços (ou clique no ícone de Quebra-cabeça para ver a lista).
  • Clique no ícone da extensão (você pode fixá-lo para acesso rápido).
  • Cole seu CSS e clique em “Inserir CSS” para aplicar as modificações instantaneamente na aba ativa.

Para baixar a extesão clique aqui

Voltar ao Blog