Utveckling av webbläsartillägg (Chrome och Edge) · Lektion

Förstå strukturen i Manifest V3

Utforska filen manifest.json på djupet och lär Er om obligatoriska fält och vanliga konfigurationer för Manifest V3.

Lektion 1 av 411 steg

Förstå strukturen i Manifest V3 är en gratis lektion i Utveckling av webbläsartillägg (Chrome och Edge) på CoddyKit. Detta är lektion 1 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Utveckling av webbläsartillägg (Chrome och Edge), och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Utveckling av webbläsartillägg (Chrome och Edge) innehåller totalt 4 lektioner.

Ritningen för ditt tillägg

Varje webbläsartillägg börjar med en central konfigurationsfil som heter manifest.json. Se den som ritningen eller identitetskortet för ditt tillägg.

Den här filen talar om allt som webbläsaren behöver veta: dess namn, version, vilka behörigheter det behöver och vilka filer som utgör dess olika delar.

Introduktion till Manifest V3

Manifest V3 är den senaste versionen av tilläggsplattformen och medför betydande förändringar med fokus på säkerhet, integritet och prestanda.

Alla nya tillägg måste använda Manifest V3, och befintliga tillägg håller på att migreras. Att förstå strukturen är avgörande för modern tilläggsutveckling.

Obligatoriskt fält: manifest_version

Fältet manifest_version är obligatoriskt och talar om för webbläsaren vilken uppsättning API:er och säkerhetsfunktioner tillägget förväntar sig.

För Manifest V3 måste värdet alltid vara 3.
Det är den allra första deklarationen i filen manifest.json.

Obligatoriska fält: name och version

De här två fälten är också viktiga för varje tillägg:

name: Detta är det namn på tillägget som användaren ser. Det visas på webbläsarens sida för tilläggshantering och i webbutiken.
version: Detta anger tilläggets version, vanligtvis enligt semantisk versionshantering (t.ex. "1.0.0"). Det hjälper användarna att hålla reda på uppdateringar.

Din första manifestfil

Nu tittar vi på det absolut minsta som krävs för en giltig Manifest V3-fil. Den här enkla JSON-strukturen är grunden för alla tillägg du bygger.

{
  "manifest_version": 3,
  "name": "My Basic Extension",
  "version": "1.0"
}

Valfritt fält: description

Även om det inte är strikt obligatoriskt rekommenderas det starkt att lägga till en description. Den ger en kort sammanfattning av vad tillägget gör.

Beskrivningen visas för användarna på webbläsarens sida för tilläggshantering och är viktig för din listning i Chrome Web Store eller Edge Add-ons store.

Valfritt fält: icons

Med fältet icons kan du ange bilder som representerar tillägget. Webbläsare använder olika storlekar i olika gränssnitt:

Knappar i verktygsfältet (16x16, 24x24, 32x32 pixlar)
Sidan för tilläggshantering (48x48 pixlar)
Listningen i webbutiken (128x128 pixlar)

Ange alltid en ikon i storleken 128x128 för listningar i webbutiker.

Valfritt fält: action

Fältet action definierar hur tilläggets knapp i verktygsfältet fungerar, ofta kallad knappen för "browser action". Det är ikonen bredvid adressfältet.

Den pekar vanligtvis på en HTML-fil (en "popup") som visas när du klickar på knappen och möjliggör snabb interaktion med tilläggets användargränssnitt.

Ett mer detaljerat manifest

Nu utökar vi manifestet med en beskrivning, ikoner och en action-popup. Det ger tillägget en tydlig identitet och ett grundläggande interaktivt element.

{
  "manifest_version": 3,
  "name": "My Awesome Extension",
  "version": "1.0",
  "description": "A simple extension to do awesome things!",
  "icons": {
    "16": "icons/icon16.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  },
  "action": {
    "default_popup": "popup.html",
    "default_icon": {
      "16": "icons/icon16.png",
      "24": "icons/icon24.png",
      "32": "icons/icon32.png"
    },
    "default_title": "Click to open!"
  }
}

Snabbtest av manifestfält

Utifrån det du har lärt dig ska du identifiera de fält som absolut krävs i en Manifest V3-fil av typen manifest.json.

Besvara frågan i den interaktiva lektionen

Manifest V3: Tilläggets identitet

Vi har undersökt den grundläggande rollen för filen manifest.json och förstått den som ritningen för ditt webbläsartillägg.

Du har lärt dig om de tre viktiga obligatoriska fälten: manifest_version (alltid 3), name och version.
Vi har också berört viktiga valfria fält som description, icons och action, vilka definierar tilläggets utseende och grundläggande användargränssnitt.

Att behärska manifestfilen är det första steget mot att bygga kraftfulla och kompatibla webbläsartillägg!

Gratis att börja

Lär dig JavaScript med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 12
Lektioner: 48

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Förstå strukturen i Manifest V3” gratis?

Ja – hela texten till ”Förstå strukturen i Manifest V3” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Utveckling av webbläsartillägg (Chrome och Edge), kan Ni uppgradera till CoddyKit PRO. Kursen i Utveckling av webbläsartillägg (Chrome och Edge) innehåller totalt 4 lektioner.

Vad lär jag mig i ”Förstå strukturen i Manifest V3”?

Utforska filen manifest.json på djupet och lär Er om obligatoriska fält och vanliga konfigurationer för Manifest V3. Ni övar på Utveckling av webbläsartillägg (Chrome och Edge) med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig Utveckling av webbläsartillägg (Chrome och Edge)?

Du behöver inga förkunskaper. Utbildningen i Utveckling av webbläsartillägg (Chrome och Edge) på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 4.

Hur lång tid tar lektionen ”Förstå strukturen i Manifest V3”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här Utveckling av webbläsartillägg (Chrome och Edge)-lektionen?

Ja. Varje Utveckling av webbläsartillägg (Chrome och Edge)-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

Förstå strukturen i Manifest V3
Bakgrundstjänstarbetare
Behörigheter och matchning av värdar
Åtgärd, ikoner och verktygsfältets knapp

← Tillbaka till Utveckling av webbläsartillägg (Chrome och Edge)