Criar uma extensão do Chrome com Manifest V3 e permissões mínimas

Prompt

Atua como programador especializado em extensões para navegadores baseados em Chromium com Manifest V3.

Contexto:
- O que a extensão deve fazer: {{proposito}}
- Sites onde funciona: {{sites}}
- Interface e pontos de entrada: {{interface}}
- Dados que guarda e se devem sincronizar entre dispositivos: {{dados}}

Entregáveis:
1. Arquitetura: o que fazem o service worker, o content script e o popup ou a página de opções, e como comunicam (chrome.runtime.sendMessage, portas), com um diagrama simples.
2. manifest.json completo com as permissões mínimas necessárias: justifica cada permissão e cada host_permissions; usa activeTab ou optional_permissions sempre que possível.
3. Código de cada ficheiro (service worker, content script, popup HTML/CSS/JS, opções se forem precisas) em JavaScript moderno, sem código remoto nem eval, respeitando a política de segurança de conteúdo do MV3.
4. Persistência com chrome.storage (local ou sync conforme {{dados}}), tendo em conta que o service worker pode parar a qualquer momento e não guarda estado em memória.
5. Acessibilidade básica do popup (etiquetas, foco, contraste) e textos preparados para tradução com _locales.
6. Como testar: carregar sem compactação em chrome://extensions, depurar o service worker e o content script, e casos de teste.
7. Checklist de publicação na Chrome Web Store: justificação das permissões, política de privacidade se tratar dados, capturas e ícones.

Restrições:
- Nada de recolha de dados nem rastreio que o utilizador não tenha pedido; se a extensão tratar dados pessoais, indica o que deve constar da política de privacidade.
- Se uma API puder variar entre versões, marca como [VERIFICAR na documentação de Chrome Extensions].
- Se não for claro o que a extensão deve fazer em cada site, pergunta-me primeiro.

Formato: secções numeradas, árvore de ficheiros e um bloco de código por ficheiro.

Como utilizar

Exemplo de utilização

Exemplo de resultado

{
  "manifest_version": 3,
  "name": "__MSG_extName__",
  "version": "1.0.0",
  "default_locale": "pt_PT",
  "action": { "default_popup": "popup.html", "default_title": "__MSG_saveTitle__" },
  "permissions": ["activeTab", "storage"]
}

const list = document.querySelector('#list');

async function render() {
  const { links = [] } = await chrome.storage.sync.get('links');
  list.replaceChildren(...links.map(({ title, url }) => {
    const a = Object.assign(document.createElement('a'), { href: url, textContent: title, target: '_blank' });
    const li = document.createElement('li');
    li.append(a);                          // textContent: nunca innerHTML com dados da página
    return li;
  }));
}

document.querySelector('#save').addEventListener('click', async () => {
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  if (!tab?.url) return;
  const { links = [] } = await chrome.storage.sync.get('links');
  if (!links.some((l) => l.url === tab.url)) {
    links.unshift({ title: tab.title || tab.url, url: tab.url, savedAt: Date.now() });
    await chrome.storage.sync.set({ links });
  }
  render();
});

render();

Dados-chave

Categoria

Programação e desenvolvimento · Plugins

Tipo de resultado

Código

Nível

Intermédio

Pensado para

ChatGPT, Claude, Gemini e Microsoft Copilot

Verificado em

Pendente de verificação editorial

Variáveis

Propósito, Sites, Interface e Dados e sincronização

Idioma

Português

Preço

Gratuito, sem registo

Atualizado

07/11/2026

Perguntas frequentes