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.
Visão geral
O que são extensões?
As extensões do Chrome melhoram a experiência de navegação ao personalizar a interface do usuário, observar eventos do navegador e modificar a Web. Acesse a Chrome Web Store para conferir mais exemplos do que as extensões podem fazer.
Como elas são criadas?
É 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 da Web, as extensões também têm acesso às APIs de extensão do Chrome para realizar tarefas diferentes. Para uma visão geral mais detalhada, consulte o guia de desenvolvimento.
Terminologia de extensões
Uma extensão do Chrome é composta por 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 serão executados em segundo plano e na página.
Service workers
Um worker de serviço é executado em segundo plano e processa eventos do navegador, como remover um marcador ou fechar uma guia. Eles não têm acesso ao DOM, mas você pode combiná-los 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
Executar código quando o usuário clica no ícone da barra de ferramentas da extensão ou mostrar um pop-up usando a API Action.
Painel lateral
Mostrar 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 para você mesmo, confira nosso tutorial de início. Se você quiser publicar na Chrome Web Store, há algumas coisas que precisa saber primeiro.
Projetar uma extensão de alta qualidade
Ao escolher os recursos que serão compatíveis, verifique se a extensão atende a um único propósito que seja bem definido e fácil de entender.
Conheça as políticas
As extensões distribuídas na Chrome Web Store precisam obedecer às políticas do programa para desenvolvedores. Confira estas 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 o 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 transferido por download no momento da execução. Melhorar a segurança da extensão oferece alternativas para executar o código hospedado remotamente.
Tutoriais
Escolha um dos tutoriais a seguir para começar sua jornada de aprendizado.
Sua primeira extensão
Crie sua primeira extensão "hello world" para se familiarizar com o fluxo de trabalho de desenvolvimento de extensões.
Executar scripts em todas as páginas
Aprenda a adicionar elementos automaticamente a um site específico.
Injete 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 worker de serviço de extensão.
Depurar a extensão
Aprenda a encontrar registros e mensagens de erro durante a depuração.