O objetivo

Esta extensão padrão fornece aos desenvolvedores um ponto de partida para criar suas próprias extensões do Chrome usando o Manifest V3.

O que há de novo

A maior melhoria nesta versão é a adição de uma interface pop-up. Agora, quando os usuários clicam no botão de extensão na barra superior do navegador, eles recebem um pop-up interativo em vez de apenas registrar uma mensagem no console.

Características

Este padrão demonstra três comportamentos principais de extensão:

1. Antes do carregamento da página: imprime uma mensagem no console do DevTools antes do carregamento da página.
2. Após o carregamento da página: imprime uma mensagem no console do DevTools antes do carregamento da página.
3. Interação pop-up: exibe um pop-up quando o usuário clica no botão de extensão, permitindo interações de usuário mais complexas.

A extensão agora fornece um botão dentro do pop-up que, quando clicado, injeta um script na guia ativa para modificar o DOM e registrar uma mensagem no console.

Instalação

1. Clone ou baixe os arquivos de github.com/llagerlof/fresh-chrome-extension e coloque-os em um diretório.
2. Abra a página de extensões do seu navegador: chrome://extensions
3. Ative o "Modo de desenvolvedor" no canto superior direito.
4. Clique em Carregar descompactado e selecione o diretório de extensão.

Como testar

1. Abra qualquer site.
2. Clique no botão de extensão na barra superior do navegador. Você verá um pop-up com um botão.
3. Clique no botão no pop-up denominado "Clique neste botão para adicionar um div laranja à página".
4. Observe as seguintes alterações:
   • Uma div laranja aparece no topo da página com a mensagem "DOM modificado!"
   • Abra as ferramentas do desenvolvedor (F12) e observe o console. Você verá a mensagem "Ação executada no pop-up!"

Este padrão fornece uma base sólida para a criação de extensões mais complexas do Chrome. Sinta-se à vontade para modificá-lo e ampliá-lo para atender às suas necessidades específicas.

Boa codificação!