Para criar extenções para Google Chrome tem que seguir a seguinte estrutura
| Arquivo: icon.png |
 |
| Arquivo: manifest.json |
| { "manifest_version": 2, "version": "0.0.1", "name": "Hello World", "description": "Extensao Hello World - Ouka", "author": "Jorge Luiz Gouveia Sousa", "browser_action": { "default_title": "Hello World", "default_popup": "index.html", "default_icon": "icon.png" } } |
| Arquivo: index.html |
|
<!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <h1>Hello World</h1> </body> </html> |
Para testar a extensão dentro do Chrome, o processo é bem simples. Acesse o navegador e vá até a página de extensões. Ela é acessível através do endereço chrome://extensions/ ou por meio do caminho: Menu > Mais Ferramentas > Extensões.
Primeiramente, habilite o Modo do desenvolvedor. Ao fazer isso, as opções “Carregar sem Compactação”, “Compactar Extensão” e “Atualizar” ficarão disponíveis. Clique na primeira opção e selecione o caminho do diretório onde estão os arquivos do seu projeto. Se tudo der certo, a sua extensão irá aparecer na tela:
Além disso, o ícone da sua extensão também irá aparecer na barra do navegador. Clique nela e veja o resultado da sua primeira extensão!
Agora para qualquer alteração feita no código da extensão, basta clicar no botão “Atualizar” para que o navegador carregue a nova versão e reproduza o seu efeito. Bem fácil, não é mesmo?