O que são extensões?

Extensões são pequenos programas de software que personalizam a experiência de navegação. Eles permitem que os usuários adapte a funcionalidade e o comportamento do Chrome a necessidades ou preferências individuais. Eles são criados na Web. como HTML, JavaScript e CSS.

Uma extensão precisa atender a um único propósito, definido de maneira restrita e fácil de entender. Um Uma única extensão pode incluir vários componentes e uma variedade de funcionalidades, desde que tudo e contribua para um propósito comum.

Uma captura de tela do ícone de uma extensão na barra do navegador

As interfaces do usuário precisam ser mínimas e ter uma intent. Eles podem variar de um ícone simples, como o Google extensão Verificador de e-mails mostrada acima, para substituir uma página inteira.

Os arquivos de extensão são compactados em um único pacote .crx, que o usuário transfere por download e instala. Isso significa que as extensões não dependem do conteúdo da web, ao contrário dos aplicativos comuns da web.

As extensões são distribuídas pelo Painel de controle do desenvolvedor do Google Chrome e publicadas no Chrome Chrome Web Store. Para mais informações, consulte a documentação do desenvolvedor da loja.

Extensões Hello

Dê um pequeno passo nas extensões com este exemplo rápido das extensões do tipo Hello. Comece criando um novo para armazenar os arquivos da extensão ou faça o download deles na página de exemplo.

Em seguida, adicione um arquivo com o nome manifest.json e inclua o seguinte código:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2
}

Cada extensão requer um manifesto, embora a maioria das extensões não faça muito com o manifesto. Para este início rápido, a extensão tem um arquivo pop-up e um ícone declarados no Campo browser_action:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

Faça o download hello_extensions.png aqui e crie um arquivo chamado hello.html:

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

A extensão agora exibe hello.html quando o ícone é clicado. A próxima etapa é incluir no manifest.json que ativa um atalho de teclado. Esta etapa é divertida, mas não necessário:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "commands": {
    "_execute_browser_action": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "MacCtrl+Shift+F"
      },
      "description": "Opens hello.html"
    }
  }
}

A última etapa é instalar a extensão na máquina local.

  1. Acesse chrome://extensions no navegador. Você também pode acessar essa página clicando em o menu do Google Chrome no canto superior direito da omnibox, passando o mouse sobre Mais ferramentas e selecionando Extensões.
  2. Marque a caixa ao lado de Modo de desenvolvedor.
  3. Clique em Load Unpacked Extension e selecione o diretório das suas "Hello Extensions" (Extensões do Hello). .

Parabéns! Agora você pode usar sua extensão baseada em pop-up clicando no ícone do hello_world.png ou pressionando Ctrl+Shift+F no teclado.

E agora?

  1. siga o tutorial de primeiros passos;
  2. Leia a Visão geral.
  3. Para acompanhar as novidades, leia o blog do Chromium
  4. Inscreva-se no grupo Chromium-extensions