Começar
Este é o desenvolvimento de extensões do Chrome. Descubra tudo o que você precisa para começar a criar e distribuir sua primeira extensão do Chrome.
Informações gerais
O que são extensões?
As extensões do Chrome melhoram a experiência de navegação, personalizando a interface do usuário, observando eventos do navegador e modificando a Web. Acesse a Chrome Web Store para conferir mais exemplos do que as extensões podem fazer.
Como são construídos?
É possível criar extensões usando as mesmas tecnologias da Web usadas para criar aplicativos da Web: HTML, CSS e JavaScript.
O que ela pode fazer?
Além das APIs Web, as extensões também têm acesso às APIs de extensões do Chrome para realizar diferentes tarefas. Para uma visão geral mais detalhada, confira o Guia de desenvolvimento.
Terminologia da extensão
Uma extensão do Chrome é composta de partes que desempenham funções diferentes.
Manifesto
O manifesto da extensão é o único arquivo obrigatório que precisa ter um nome de arquivo específico: manifest.json. Ele também precisa estar localizado no diretório raiz da extensão. O manifesto registra metadados importantes, define recursos, declara permissões e identifica quais arquivos executar em segundo plano e na página.
Service Workers
Um service worker é executado em segundo plano e processa eventos do navegador, como remover um favorito ou fechar uma guia. Eles não têm acesso ao DOM, mas podem ser combinados com um documento fora da tela para esse caso de uso.
Scripts de conteúdo
Os scripts de conteúdo executam JavaScript no contexto de uma página da Web.
Ação da barra de ferramentas
Execute o código quando o usuário clicar no ícone da barra de ferramentas da extensão ou mostre um pop-up usando a API Action.
Painel lateral
Mostre a interface personalizada no painel lateral do navegador.
DeclarativeNetRequest
Interceptar, bloquear ou modificar solicitações de rede.
Publicar na Chrome Web Store
Se você estiver criando a extensão por conta própria, confira nosso tutorial de iniciação. Se você quer publicar na Chrome Web Store, há algumas informações que você precisa saber primeiro.
Projetar uma extensão de alta qualidade
Ao escolher quais recursos vão oferecer suporte, verifique se a extensão atende a um único propósito, definido de forma restrita e fácil de entender.
Conhecer as políticas
As extensões distribuídas na Chrome Web Store precisam obedecer às Políticas do programa para desenvolvedores. Confira essas políticas para garantir que sua extensão possa ser hospedada na Chrome Web Store.
Incluir toda a lógica de extensão
Ao escrever seu código, lembre-se de que toda a lógica precisa ser incluída no pacote de extensão. Isso significa que nenhum código JavaScript adicional pode ser baixado no tempo de execução. Melhorar a segurança das extensões oferece alternativas à execução de códigos hospedados remotamente.
Tutoriais
Escolha um dos tutoriais a seguir para começar sua jornada de aprendizado sobre extensões.
Sua primeira extensão
Crie sua primeira extensão Hello World, na qual você vai se familiarizar com o fluxo de trabalho de desenvolvimento de extensões.
Executar scripts em todas as páginas
Saiba como adicionar elementos automaticamente a um site especificado.
Injetar scripts na guia ativa
Aprenda a simplificar o estilo da página atual clicando no ícone da barra de ferramentas.
Criar um gerenciador de guias
Aprenda a criar um pop-up que gerencia suas guias.
Processar eventos com service workers
Aprenda a criar e depurar um service worker de extensão.
Depurar sua extensão
Aprenda a encontrar registros e mensagens de erro durante a depuração.