Gepubliceerd: 18 mei 2026, Laatste update: 7 oktober 2026
WebMCP is een voorgestelde webstandaard waarmee je gestructureerde tools voor AI-agents kunt maken en beschikbaar kunt maken. WebMCP biedt JavaScript en annoteert HTML-formulierelementen, zodat agents precies weten hoe ze interactie moeten hebben met paginafuncties om de gebruikerservaring te ondersteunen. Dit kan de prestaties en betrouwbaarheid van de agentactivering aanzienlijk verbeteren.
AI-agents zijn een nieuwere technologie. Ze kunnen menselijke gebruikers helpen om zeer complexe en technische taken beter uit te voeren. WebMCP biedt een hogere nauwkeurigheid voor de voltooiing van agentic taken en kan worden toegevoegd als progressive enhancement.
| Uitlegvideo | Web | Extensies | Chrome-status | Intentie |
|---|---|---|---|---|
| GitHub |  Origin-proefperiode |
Bekijken | Intentie om te experimenteren |
Waarom WebMCP?
WebMCP biedt regels voor interactie die de kloof tussen web-apps en agents overbruggen, waardoor de efficiëntie, betrouwbaarheid en taakvoltooiing worden verbeterd. In plaats van dat een agent het element, zoals een knop of een veld, beoordeelt om het doel ervan te begrijpen, geeft de website het doel van het element aan, zodat het wordt gebruikt zoals bedoeld.
Dit is betrouwbaarder dan activering, die uit talloze stappen kan bestaan en waarbij elke stap openstaat voor interpretatie door de agent.
Websites kunnen een expliciet doel delen, zoals zoeken of kopen, door een tool te definiëren. Tools worden zichtbaar uitgevoerd op je webpagina, zodat gebruikers erop kunnen vertrouwen dat taken worden uitgevoerd zoals verwacht. Zo blijven ook je merk en mensgerichte ontwerpkeuzes intact.
WebMCP ondersteunt:
- Ontdekking: Een standaardmanier voor pagina's om tools te registreren bij agents, zoals
checkoutoffilter_results. - JSON-schema's: Expliciete definities van invoer en verwachte uitvoer om hallucinaties of misverstanden te verminderen.
- Status: Een gedeeld begrip van de huidige paginacontext, zodat de agent weet welke bronnen beschikbaar zijn om in realtime actie op te ondernemen.
Ons doel is om API's te bouwen die elke browser met agentische mogelijkheden kan implementeren en gebruiken, zodat je gebruikers makkelijker taken kunnen uitvoeren. Je kunt dit proces volgen op GitHub.
Toepassingen
Er zijn veel manieren waarop je WebMCP kunt gebruiken. Voorbeeld:
- Help uw klanten support te krijgen. Als u software aan klanten levert, heeft u misschien een complex supportproces om veel verschillende vragen te beantwoorden. Je kunt WebMCP gebruiken om een medewerker te helpen sneller naar het juiste formulier te navigeren en velden in te vullen met door de gebruiker verstrekte informatie.
- Reisboekingen verbeteren. Help medewerkers om complexe reizen met meerdere bestemmingen en meerdere passagiers in minder stappen te boeken.
Sommige acties kunnen gevoelig zijn, zoals een aankoop doen. Je kunt een opdracht toevoegen om gebruikersinteractie te vragen met een bevestigingsdialoogvenster.
In de praktijk kunnen je tools de volgende taken uitvoeren:
- Gestructureerde formulieren invullen: Maak een
submit_application-tool om medewerkers te helpen gegevens die zijn verzameld uit het gesprek met de gebruiker, correct toe te wijzen aan formuliervelden. U kunt bijvoorbeeld onderscheid maken tussen een veld waarvoor een volledige naam is vereist en een veld waarvoor een afzonderlijke voor- en achternaam zijn vereist. - Interacties met supportmedewerkers in interfaces die zijn ontworpen voor mensen: Bepaalde velden zijn ontworpen voor menselijke gebruikers, maar worden misschien niet begrepen door agents. Je kunt een
date_pick-tool maken waarmee je een complexe datum en tijd kunt selecteren in een reservering of evenementboeking. - Snellere foutopsporing in apps: Je kunt een
run_diagnostics-tool bouwen op een pagina met ontwikkelaarsinstellingen, zodat een medewerker oplossingen kan activeren die anders verborgen zijn achter geneste menu's.
Ontbreekt uw toepassing? Of heb je een idee dat je wilt delen voor WebMCP? Stel vragen en neem deel aan de discussie op GitHub.
Aan de slag
Neem vanaf Chrome 149 deel aan de WebMCP-origin trial. Meer informatie over hoe je aan de slag gaat met origin trials.
Lokale WebMCP
WebMCP is beschikbaar als Chrome-flag voor lokale ontwikkeling:
- Open Chrome en ga naar
chrome://flags/#enable-webmcp-testing - Stel de flag in op Aangezet.
- Start Chrome opnieuw om de wijzigingen door te voeren.
WebMCP API's gebruiken
Er zijn 2 API's die u kunt gebruiken om uw websitetools in te stellen:
- Imperatieve API: Definieer verschillende typen tools met standaard JavaScript, zoals formulierinvoer, navigatietools, statusbeheer of andere functies.
- Declaratieve API: Voeg annotaties toe aan een standaard HTML-formulier om een WebMCP-tool te maken.
Je kunt WebMCP-tools debuggen en valideren hoe de browser het JSON-schema parseert met Chrome DevTools.
Beperkingen
WebMCP is bedoeld om complexe taken makkelijker te maken voor agents en mensen, maar er zijn beperkingen:
- Headless browsen: Hoewel het mogelijk is om WebMCP-tools uit te voeren in headless omgevingen, is deze API voornamelijk ontworpen voor lokale browserworkflows met een mens in de lus.
- Overhead voor complexe interfaces: Als je site erg complex is, moet je waarschijnlijk JavaScript refactoren of toevoegen om de status van de app en interface te verwerken.
- Vindbaarheid van tools: Clients en browsers moeten een site rechtstreeks bezoeken om te weten of deze aanroepbare tools heeft.
Beleid voor rechten
Beide API's worden beperkt door het tools
Beleid voor rechten.
Het beleid is standaard ingesteld op self. Hiermee wordt toolregistratie toegestaan in contexten op het hoogste niveau en met dezelfde oorsprong en wordt deze uitgezet voor cross-origin iframes.
Als je WebMCP-tools wilt toestaan in een cross-origin iframe, voeg je het kenmerk allow="tools" toe aan het iframe.
Demo
Er zijn voorbeelden van demo's met zowel imperatieve als declaratieve implementaties beschikbaar:
- WebMCP zaMaker gebruikt de WebMCP Imperative API.
- Reisdemo (React) gebruikt de WebMCP Imperative API.
- De Le Petit Bistro-demo gebruikt de WebMCP Declarative API.
Je kunt de broncode van de demo ook controleren en verkennen op GitHub.
Imiteer een agent om je tools te testen
We hebben 2 Chrome-extensies gemaakt waarmee je kunt zien hoe WebMCP-tools werken in onze demo's en je apps.
Installeer de agentische Chrome-extensie Example om WebMCP-tools te inspecteren, te controleren en uit te voeren met prompts in natuurlijke taal. Deze extensie vertrouwt met name altijd WebMCP-annotaties, die de agent kunnen waarschuwen voor gevoelige acties. Dit laat zien hoe een tool anders kan presteren met annotaties.
Deze extensie gebruikt standaard een kleine Node-server met een AI-SDK. API-sleutels zijn vereist en blijven op de lokale server. Je prompts worden standaard naar het model gemini-3.6-flash gestuurd, maar je kunt de modelkeuze en API-provider aanpassen in het bestand .env van de extensie. Er zijn velden voor OpenAI, Google en Anthropic. Je kunt de extensie ook aanpassen om een model van een andere provider te gebruiken.
Je kunt ook een model aan de clientzijde gebruiken met de Prompt API. Hiervoor zijn geen API-sleutels nodig en de gegevens blijven op je apparaat staan. Zet hiervoor chrome://flags/#prompt-api-tool-use aan.
Installeer de Model Context Tool Inspector-extensie om te experimenteren met een agent en te zien hoe WebMCP-tools werken in live demo's of je eigen apps. Gebruik prompts in natuurlijke taal om te bepalen of de agent zoals verwacht interactie heeft met WebMCP-tools.
Als je Gemini wilt gebruiken om je tools aan te roepen, heb je een API-sleutel nodig die je invoert in de interface van de extensie. Je prompts worden standaard naar het gemini-3.6-flash-model gestuurd. Je kunt een ander Gemini-model selecteren om mee te experimenteren of de extensiecode aanpassen om het model van een andere provider te gebruiken.
Betrokkenheid en feedback delen
WebMCP wordt actief besproken en kan in de toekomst worden gewijzigd. Als je deze API's probeert en feedback hebt, horen we dat graag.
- Neem deel aan de WebMCP origin trial en volg de implementatie voor Chrome op Chrome-status.
- Lees de uitleg over WebMCP, stel vragen en neem deel aan de discussie.
- Lees de best practices voor WebMCP.
- Lees onze beveiligingsrichtlijnen voor WebMCP-tools en best practices.
- Als je feedback hebt over de implementatie van Chrome, dien je een Chromium-bug in.