Bouw echte browserextensies voor Chrome en Edge
Met browserextensies kunt u webpagina's aanpassen, browsergedrag automatiseren, netwerkverzoeken onderscheppen en aangepaste tools rechtstreeks aan gebruikers aanbieden via de Chrome Web Store en de Edge Add-ons-marktplaats. In dit leertraject leert u Manifest V3 — de huidige, vereiste indeling voor extensies — vanaf uw eerste manifest.json tot en met distributie in meerdere browsers en beveiliging voor productiegebruik. Elk concept is gebaseerd op de API's die Chrome en Edge tegenwoordig daadwerkelijk beschikbaar stellen.
Wat u leert
U leert hoe Manifest V3 machtigingen, serviceworkers en levenscycli van componenten structureert. Vervolgens bouwt u echte gebruikersinterfaces met pop-ups en optiepagina's, injecteert u contentscripts die de DOM van pagina's lezen en herschrijven en koppelt u aan browserinterfaces zoals contextmenu's en de omnibox. Voor gegevens leert u extensieberichten, opslag-API's en declarativeNetRequest beheersen om webverzoeken aan te passen zonder brede hostmachtigingen. Ook behandelt u programmatische browserbesturing, foutopsporing en prestatieprofilering, evenals geavanceerde machtigingsmodellen met de nadruk op beveiliging. Het leertraject sluit af met technieken voor compatibiliteit tussen browsers en het integreren van moderne JavaScript-frameworks in een bouwpijplijn voor extensies.
Het leerpad
Twaalf cursussen lopen van A1 tot en met C1. De eerste cursus is gratis en introduceert de basis van Manifest V3. A1–A2 leggen de structuur van het manifest en het model voor kernmachtigingen vast. In de B1-cursussen bouwt u praktische vaardigheden op: gebruikersinterfaces maken, contentscripts injecteren, browserinterfaces integreren en publiceren in de Chrome Web Store en de Edge-marktplaats. De vier B2-cursussen gaan dieper in op berichten en persistentie, declaratieve aanpassing van netwerkverzoeken, browserautomatisering en foutopsporing met prestatieoptimalisatie. De laatste twee C1-cursussen behandelen geavanceerde machtigingen, het versterken van de beveiliging en echte compatibiliteit tussen browsers, naast het gebruik van moderne frameworks.
Zo werkt het
Elke cursus is opgedeeld in korte, praktische lessen die u in de ingebouwde editor voltooit, met realtime feedback en een AI-docent die beschikbaar is wanneer u vastloopt. U schrijft echte code voor extensies — manifestbestanden, achtergrondserviceworkers, contentscripts en optiepagina's — zodat elke les iets oplevert dat u rechtstreeks in Chrome of Edge kunt laden als werkende extensie.
