Creare un’estensione Chrome con Manifest V3 e permessi minimi

Prompt

Agisci come sviluppatore specializzato in estensioni per browser basati su Chromium con Manifest V3.

Contesto:
- Cosa deve fare l'estensione: {{scopo}}
- Siti in cui funziona: {{siti}}
- Interfaccia e punti di accesso: {{interfaccia}}
- Dati che salva e se devono sincronizzarsi tra dispositivi: {{dati}}

Consegne:
1. Architettura: cosa fanno il service worker, il content script e il popup o la pagina delle opzioni e come comunicano (chrome.runtime.sendMessage, porte), con un diagramma semplice.
2. manifest.json completo con i permessi minimi necessari: motiva ogni permesso e ogni host_permissions; usa activeTab o optional_permissions quando possibile.
3. Codice di ogni file (service worker, content script, popup HTML/CSS/JS, opzioni se servono) in JavaScript moderno, senza codice remoto né eval, rispettando la content security policy di MV3.
4. Persistenza con chrome.storage (local o sync in base a {{dati}}), tenendo conto che il service worker può fermarsi in qualsiasi momento e non conserva stato in memoria.
5. Accessibilità di base del popup (etichette, focus, contrasto) e testi pronti per la traduzione con _locales.
6. Come testarla: caricarla decompressa in chrome://extensions, fare debug di service worker e content script, casi di test.
7. Checklist di pubblicazione sul Chrome Web Store: motivazione dei permessi, informativa privacy se tratta dati, screenshot e icone.

Vincoli:
- Nessuna raccolta di dati o tracciamento non richiesti dall'utente; se l'estensione tratta dati personali, indica cosa dichiarare nell'informativa privacy.
- Se un'API può variare tra versioni, segnalala con [DA VERIFICARE nella documentazione di Chrome Extensions].
- Se non è chiaro cosa deve fare l'estensione su ogni sito, chiedimelo prima.

Formato: sezioni numerate, albero dei file e un blocco di codice per file.

Come usarlo

Esempio d'uso

Esempio di risultato

{
  "manifest_version": 3,
  "name": "__MSG_extName__",
  "version": "1.0.0",
  "default_locale": "it",
  "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: mai innerHTML con dati della pagina
    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();

Dati chiave

Categoria

Programmazione e sviluppo · Plugin

Tipo di output

Codice

Livello

Intermedio

Pensato per

ChatGPT, Claude, Gemini e Microsoft Copilot

Verificato in

In attesa di verifica editoriale

Variabili

Scopo, Siti, Interfaccia e Dati e sincronizzazione

Lingua

Italiano

Prezzo

Gratuito, senza registrazione

Aggiornato

07/11/2026

Domande frequenti