Compartilhamento de tecnologia

【FERRAMENTAS】Desenvolvimento de extensões do Chrome

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Desenvolvimento de extensão do Chrome


Insira a descrição da imagem aqui

1. Tutorial de primeiros passos


Para casos introdutórios, você pode visitar [ Documentação oficial do site oficial do plug-in do Google 】 Veja o tutorial introdutório oficial, que explica principalmente as etapas gerais.

  1. O Chrome Extenson não possui andaimes fixos, portanto o projeto precisa ser construído de acordo com as necessidades do próprio desenvolvedor (por exemplo, através de Vue, React e outros frameworks), e então criado ou introduzido após a conclusão da construção.manifest.jsonBasta arquivar
  2. Todas as configurações do projeto de extensão do Chrome estão emmanifest.jsonPreparado em
  3. Extensão do Chrome manifest.jsonOs itens de configuração do documento podem ser acessados【Documento Manifesto
  4. A extensão do Chrome também fornece um exemplo simples de extensão de gerenciamento de guias para permitir que os desenvolvedores aprendam o desenvolvimento de extensõesInsira a descrição da imagem aqui

2. Avançado


Através do tutorial introdutório, você pode saber que todas as operações da extensão do Chrome são feitas atravéschromeMétodos de API fornecidos por objetos, portanto, se quiser aprender o desenvolvimento avançado de extensões, você deve compreender e estar familiarizado com todosAPI,【Endereço oficial da API

  1. As versões de documentação da extensão do Chrome são divididas emManifest V2eManifest V3, as últimas extensões desenvolvidas usam basicamente a versão V3, e muitas APIs da V2 serão eliminadas em breve.
  2. Você pode mudar as versões do documento clicando no menu esquerdoManifest V2eManifest V3Título para mudar
    Insira a descrição da imagem aqui

3. Distribua a extensão


O Chrome atualiza automaticamente as extensões do navegador em intervalos fixos. A extensão do Chrome tem duas maneiras de distribuir extensões:

  1. Chrome Store (App Store): libere a extensão fazendo upload do pacote de compactação de código no Google Developer Center para obter etapas detalhadas, visite [.Extensões de publicação da Chrome Store
  2. Auto-hospedagem: como o nome sugere, você mesmo hospeda os arquivos de extensão empacotados, define o endereço de atualização da extensão e implementa o lançamento da extensão. Pessoalmente, acho que esta é a maneira mais segura e eficaz. Para etapas detalhadas, você pode visitar [.Publicação auto-hospedada

O desenvolvimento da extensão do Chrome é relativamente simples. Você só precisa seguir o processo de desenvolvimento correspondente, portanto, não há código escrito neste artigo.


------Terminar------