## Como criar uma extensão do Google Chrome

---

Etapa 1:Configure seu ambiente de desenvolvimento

1. Instale o Node.js e o npm.
2. Instale a CLI da extensão do Chrome:`npm install -g chrome-extension`
3. Crie um novo diretório de projeto.
4. Inicialize um novo projeto de extensão do Chrome:`chrome-extension init `

Etapa 2:Construindo sua extensão

Abra o arquivo _manifest.json_ e edite os seguintes campos:

- nome :O nome da sua extensão.
- versão :a versão da sua extensão.
- descrição :uma breve descrição da sua extensão.
- permissões :uma série de permissões exigidas pela sua extensão.
- browser_action :um objeto que define o ícone de ação do navegador e o arquivo HTML pop-up.
- background.js :o script executado em segundo plano da sua extensão.

Etapa 3:Desenvolva sua extensão

Agora você pode começar a desenvolver sua extensão escrevendo a lógica em _background.js_ e projetando a UI em _popup.html_.

- Use o objeto `chrome` para acessar a API do Chrome.
- Use HTML, CSS e JavaScript para criar a IU da sua extensão.
- Use o evento `chrome.runtime.onMessage.addListener` para ouvir mensagens dos scripts de conteúdo da sua extensão.
- Use a função `chrome.tabs.sendMessage` para enviar mensagens para os scripts de conteúdo da sua extensão.

Etapa 4:teste sua extensão

Depois de escrever sua lógica e projetar sua IU, você pode testar sua extensão seguindo estas etapas:

1. Abra o navegador Chrome.
2. Vá para a página Extensões (chrome://extensions).
3. Clique em Carregar descompactado botão.
4. Selecione o diretório do seu projeto de extensão.
5. Clique em OK para carregar sua extensão.

Etapa 5:implantar sua extensão

- Use o comando `chrome-extension pack` para criar um arquivo CRX.
- Use o Painel do desenvolvedor da Chrome Web Store para fazer upload do arquivo CRX e publicar sua extensão.