Byg rigtige browserudvidelser til Chrome og Edge
Browserudvidelser gør det muligt at ændre websider, automatisere browserens adfærd, opfange netværksforespørgsler og udgive egne værktøjer direkte til brugere via Chrome Web Store og markedspladsen Edge Add-ons. Dette forløb lærer dig Manifest V3 — det aktuelle og påkrævede format for udvidelser — fra din første manifest.json til distribution på tværs af browsere og sikkerhed i produktionsmiljøer. Alle begreber tager udgangspunkt i de API'er, som Chrome og Edge faktisk stiller til rådighed i dag.
Det lærer du
Du lærer, hvordan Manifest V3 strukturerer tilladelser, service workers og komponenters livscyklus. Derefter bygger du rigtige brugergrænseflader med pop op-vinduer og indstillingssider, indsætter indholdsscripts, der læser og omskriver sidens DOM, og kobler dig på browserens brugerflader som genvejsmenuer og omnifeltet. På datasiden lærer du at bruge meddelelser mellem udvidelsens dele, lager-API'er og declarativeNetRequest til at ændre webforespørgsler uden brede værtstilladelser. Du gennemgår også programmatisk styring af browseren, fejlfinding og profilering af ydeevne samt avancerede tilladelsesmodeller med fokus på sikkerhed. Forløbet afsluttes med teknikker til kompatibilitet på tværs af browsere og integration af moderne JavaScript-frameworks i en byggeproces til udvidelser.
Læringsforløbet
Tolv kurser spænder fra A1 til C1. Det første kursus er gratis og introducerer grundprincipperne i Manifest V3. A1–A2 etablerer manifestets struktur og den grundlæggende model for tilladelser. B1-kurserne opbygger praktiske færdigheder inden for konstruktion af brugergrænseflader, indsættelse af indholdsscripts, integration med browserens brugerflade samt udgivelse i Chrome Web Store og på Edge-markedspladsen. De fire B2-kurser går mere i dybden med meddelelser og lagring af data, deklarativ ændring af netværksforespørgsler, browserautomatisering samt fejlfinding og optimering af ydeevne. De sidste to C1-kurser dækker avancerede tilladelser, sikkerhedshærdning og reel kompatibilitet på tværs af browsere sammen med brug af moderne frameworks.
Sådan fungerer det
Hvert kursus er opdelt i korte, praktiske lektioner, som du gennemfører i den indbyggede editor med feedback i realtid og adgang til en AI-underviser, når du går i stå. Du skriver faktisk kode til udvidelser — manifestfiler, baggrunds-service workers, indholdsscripts og indstillingssider — så hver lektion resulterer i noget, du kan indlæse direkte i Chrome eller Edge som en fungerende udvidelse.
