Gepubliceerd: 13 november 2026
Als je een vaste lezer van deze site bent, Chrome voor ontwikkelaars volgt op X, LinkedIn of Bluesky, of deze week het deelvenster Nieuw in DevTools hebt geopend, heb je het nieuws vast al gehoord. Maar voor iedereen die hard aan het werk was: Modern Web Guidance is nu beschikbaar als stabiele versie 1.0.
Sinds we de vroege preview hebben gedeeld op Google I/O, hebben we veel verbeteringen doorgevoerd en is Modern Web Guidance uitgegroeid tot een samenwerking tussen verschillende browsers met Firefox en Edge. Deze week hebben we ze uitgepakt in artikelen, casestudy's, video's en documenten.
In het kort
Frontiermodellen vallen vaak terug op verouderde patronen voor webontwikkeling. Ze geven bijvoorbeeld de voorkeur aan een JavaScript-animatiebibliotheek boven css-animaties op basis van scrollen of ze bouwen complexe geneste div-monsters in plaats van appearance: base-select te gebruiken voor aanpasbare dropdownmenu's.
Modern Web Guidance lost dit op door beknopte, taakgerichte handleidingen te injecteren op basis van je prompt. Dit is er nieuw in de 1.0-release:
- Meer door experts gecontroleerde handleidingen: over prestaties, stijl, toegankelijkheid, beveiliging, privacy, formulieren en meer. Elke vaardigheid is beoordeeld door een technische domeinexpert en getest. Je kunt door de vaardigheden browsen in de gidsencatalogus.
- Standaard voor meerdere browsers: Samenwerking door de teams die Mozilla Firefox, Microsoft Edge en Google Chrome ontwikkelen. Elke gids is verbeterd met compatibiliteitsgegevens en fallbacks voor de basislijn.
- Openbare evaluatiesuite: Duizenden evaluatieruns, inspecteerbaar op het openbare evaluatiedashboard, die de toename in slagingspercentages benadrukken.
Lees de aankondigingspost over Modern Web Guidance 1.0 voor concrete voorbeelden van de kennishiaten in AI die hiermee worden opgelost, end-to-end workflows met Chrome DevTools voor agents en instructies voor het updaten van de I/O-preview.
Geloof ons niet alleen op ons woord
Als mede-ontwikkelaars van Modern Web Guidance zijn we natuurlijk een beetje bevooroordeeld. Dit is wat onze partners ervan vinden nadat ze de volledige suite van AI-coderingstools van Chrome hebben getest in hun dagelijkse workflows:
- Policybazaar en Pensionbazaar: Verminderden de doorlooptijd van nieuwe pagina's en UI-bugs met meer dan 90% door de build-and-verify-loop te sluiten. Policybazaar verminderde de handmatige controle van Core Web Vitals op ongeveer 30 landingspagina's met 92%.
- MetaMask: Modern Web Guidance geïntegreerd in een advies-PR-beoordelingsbot van 3 regels voor ongeveer 480 pull-verzoeken. Dit leidde tot 43 toegankelijkheids- en semantische HTML-fixes met een gemiddelde doorlooptijd van 15 minuten.
- WeTV: Heeft Chrome DevTools voor agents en Modern Web Guidance toegevoegd aan CI/CD om automatisch 90% van de terugkerende CLS-regressies te diagnosticeren en op te lossen. Hierdoor is de foutopsporingstijd met 87% verkort.
- note inc.: Combineerde Modern Web Guidance met regels voor het interne ontwerpsysteem, waardoor het slagingspercentage voor moderne webcontroles steeg van 61% naar 94% en de juiste LCP-afbeeldingsprioriteit met 28% werd verhoogd.
Aan de slag
Je kunt je agent vragen om Modern Web Guidance te installeren, maar je kunt ook de volgende npx-opdracht gebruiken om je project en agent stapsgewijs in te stellen.
npx modern-web-guidance@latest install
Je kunt ook alternatieve installatieopties op GitHub verkennen.
Nadat je de functie hebt ingesteld, kun je je verdiepen in de nieuwe use cases en hoe Modern Web Guidance 1.0 onder de motorkap werkt:
- Bestaande codebases moderniseren:
Hoe
npx modern-web-guidance@latest legacy-scansnelle lokale syntaxiscontroles combineert met contextuele agentbeoordeling om technische schuld af te lossen zonder onnodige onrust. - Beyond code generation: Continuous developer learning: Leer hoe je Modern Web Guidance gebruikt als interactieve leer- en ontdekkingstool om op de hoogte te blijven van moderne HTML-, CSS- en Web API-functies terwijl je codeert met AI-agents.
- Standaard voor meerdere browsers: Hoe Baseline-fallbacks werken:
Hoe handleidingen live
web-features-gegevens gebruiken om
progressive enhancement,
@supports-query's en polyfills te matchen met je browserdoelen. - Top 10 dingen die AI verkeerd doet in webontwikkeling: Ontdek 10 veelvoorkomende problemen met toegankelijkheid, UX, prestaties en beveiliging waarbij zelfs de nieuwste frontiermodellen ongeveer de helft van onze moderne webcontroles niet doorstaan.
- Lokale vectorzoekopdracht voor programmeeragents: van 507 MB naar een lus van 7 regels: Kijk onder de motorkap hoe Modern Web Guidance in milliseconden relevante handleidingen ophaalt uit de kennisdatabase met meer dan 200 handleidingen zonder het contextvenster van je agent te vullen.
De toekomst van agentische webontwikkeling met Chrome
Als je Modern Web Guidance gebruikt met je programmeeragent, maak je een goede start. Maar u kunt (en moet) nog verder gaan. Je agent heeft een manier nodig om die code uit te voeren, te inspecteren en te verifiëren in een echte browser.
Al meer dan een jaar biedt Chrome DevTools voor agents programmeeragents live runtime-zichtbaarheid met een breed scala aan tools, van toegankelijkheids- en prestatie-inspectie tot geheugenfoutopsporing en opname van animaties, zodat je agent deze kan verfijnen.
In de komende weken vieren we de volgende mijlpaal van Chrome DevTools voor agents. Het wordt nog makkelijker om de juiste context vanuit Chrome door te geven aan je agent.
Probeer Modern Web Guidance 1.0 en laat ons weten wat je ervan vindt. Zowel Modern Web Guidance als Chrome DevTools voor agents zijn openbaar ontwikkeld op GitHub. Als je een webplatformtaak tegenkomt die je agent nog steeds verkeerd uitvoert of als je een idee hebt voor wat we als volgende moeten aanpakken, open je een probleem en laat je het ons weten.