Bygg ekte nettleserutvidelser for Chrome og Edge
Nettleserutvidelser lar deg endre nettsider, automatisere nettleseratferd, fange opp nettverksforespørsler og levere egne verktøy direkte til brukere gjennom Chrome Web Store og markedsplassen Edge Add-ons. Dette læringsløpet lærer deg Manifest V3 – det gjeldende og påkrevde formatet for utvidelser – fra din første manifest.json til distribusjon på tvers av nettlesere og sikkerhet i produksjon. Alle konsepter er forankret i API-ene som Chrome og Edge faktisk tilbyr i dag.
Dette lærer du
Du lærer hvordan Manifest V3 strukturerer tillatelser, service workers og livssykluser for komponenter. Deretter bygger du ekte brukergrensesnitt med popup-vinduer og innstillingssider, injiserer content scripts som leser og endrer DOM-en på nettsider, og kobler deg til nettleserens grensesnittflater som kontekstmenyer og omnifeltet. På datasiden lærer du meldingsutveksling for utvidelser, storage-API-er og declarativeNetRequest for å endre webforespørsler uten omfattende vertstillatelser. Du dekker også programmatisk nettleserkontroll, feilsøking og ytelsesprofilering, samt avanserte tillatelsesmodeller med fokus på sikkerhet. Læringsløpet avsluttes med teknikker for kompatibilitet på tvers av nettlesere og integrasjon av moderne JavaScript-rammeverk i en build-pipeline for utvidelser.
Læringsløpet
Tolv kurs spenner fra A1 til C1. Det første kurset er gratis og introduserer grunnleggende konsepter i Manifest V3. A1–A2 etablerer manifeststrukturen og den grunnleggende tillatelsesmodellen. B1-kursene bygger praktiske ferdigheter: konstruksjon av brukergrensesnitt, injisering av content scripts, integrasjon med nettleserens grensesnitt og publisering i Chrome Web Store og Edge-markedsplassen. De fire B2-kursene går mer i dybden på meldingsutveksling og datalagring, deklarativ endring av nettverksforespørsler, nettleserautomatisering samt feilsøking med ytelsesoptimalisering. De to siste C1-kursene dekker avanserte tillatelser, sikkerhetsherding og reell kompatibilitet på tvers av nettlesere, sammen med bruk av moderne rammeverk.
Slik fungerer det
Hvert kurs er delt inn i korte, praktiske leksjoner som du fullfører i den innebygde redigereren, med tilbakemelding i sanntid og en AI-veileder tilgjengelig når du står fast. Du skriver faktisk kode for utvidelser – manifestfiler, bakgrunnsbaserte service workers, content scripts og innstillingssider – slik at hver leksjon resulterer i noe du kan laste direkte inn i Chrome eller Edge som en fungerende utvidelse.
