Gebruik het WebMCP- paneel in Chrome DevTools om de client-side AI-tools die uw website beschikbaar stelt aan AI-agents te inspecteren, debuggen en testen. Het paneel biedt volledig inzicht in de levenscyclus van de tool, van registratie en schemavalidatie tot de aanroepgeschiedenis.
Open het WebMCP-paneel.
Het WebMCP- paneel bevindt zich in het toepassingspaneel . Volg deze stappen om het te openen:
- Open Chrome DevTools op een pagina die gebruikmaakt van WebMCP-tools.
- Klik op het tabblad Toepassing .
- Selecteer in het bovenste gedeelte van de zijbalk het paneel WebMCP .

Interface-overzicht
Het WebMCP- paneel maakt gebruik van een lay-out met twee vensters om u te helpen bij het beheren en bewaken van uw tools:
- Gebruikte tools: een chronologisch overzicht van de interacties tussen de AI-agent en de pagina.
- Beschikbare tools: Een live lijst van alle WebMCP-tools die op het actieve tabblad zijn gedetecteerd.
Beschikbare tools
In het gedeelte 'Beschikbare tools' worden de namen en beschrijvingen van de tools weergegeven zoals ze aan de AI-agent worden getoond. Het bevat ook een aanroepsteller voor elke tool, die aangeeft hoe vaak een tool tijdens de huidige sessie is aangeroepen.

Aangeroepen tools
Het logboek met aangeroepen tools biedt een permanent overzicht van de interacties met tools. Wanneer u een item in het logboek selecteert, kunt u de volgende details bekijken:
- Status: Het resultaat van de aanroep (Voltooid, Geannuleerd, Bezig of Fout.)
- Input: De exacte parameters die de agent heeft voorspeld en naar de tool heeft verzonden.
- Uitvoer: De retourwaarde of foutmelding van de tool.
Filter het logboek
Gebruik de filterbalk om de lijst met opgeroepen tools te verkleinen op basis van de volgende criteria:
- Naam of omschrijving: Voer tekst in om gereedschappen te vinden die overeenkomen met een specifieke naam of functie.
- Statustype: Filter oproepen op basis van hun huidige status, zoals Voltooid , Fout , Geannuleerd of In behandeling .
- Type tool: Selecteer om te filteren op declaratieve tools gedefinieerd in HTML en imperatieve tools gedefinieerd in JavaScript. Om alle tooltypen te zien, moet u ervoor zorgen dat geen van beide filters actief is.
Testtools handmatig
Je kunt de beslissingslogica van de AI-agent omzeilen om de betrouwbaarheid van je tool onafhankelijk te testen. Dit is handig om de functionaliteit te controleren zonder te hoeven wachten op een specifieke aanwijzing van de agent.
- Klik in de lijst 'Beschikbare tools' op de tool die u wilt testen. U kunt ook in het logboek 'Aangeroepen tools' de muis over een tool bewegen om het afspeelpictogram (➜) weer te geven en erop te klikken. Het handmatige testgebied wordt geopend. Let op: als u de tool uit de lijst 'Beschikbare tools' hebt geselecteerd, zijn de parameters in het handmatige testgebied leeg. Als u daarentegen een aangeroepen tool hebt geselecteerd, wordt het handmatige testgebied geopend met de parameters van die sessie al ingevuld.
- In het handmatige testgebied kunt u parameters invoeren of aanpassen in de invoervelden.
- Klik op 'Uitvoeren' .

Problemen met de integratie oplossen
Het WebMCP- paneel helpt u bij het diagnosticeren van veelvoorkomende integratieproblemen:
- Schema-schendingen: In het uitvoervenster worden foutmeldingen weergegeven als de toolparameters of retourwaarden niet overeenkomen met het gedefinieerde schema.
- Agentafwijzing: Controleer de aanroepsteller in de lijst met beschikbare tools om te zien of de agent uw tool ooit voor een bepaalde prompt heeft overwogen.
Automatisering en agenten
WebMCP is ontworpen voor het agentische web, waar AI-agenten de tools van uw site kunnen ontdekken en ermee kunnen interageren. Voor agent-ondersteunde ontwikkeling biedt het Chrome DevTools for agents- project een gespecialiseerde interface die dit protocol gebruikt om AI-agenten te helpen bij het testen en gebruiken van uw WebMCP-tools.
Commandoregelvlaggen
Voor bepaalde agentinterfaces is het nodig om de vlag --categoryWebMCP expliciet in te schakelen.
Gerelateerde bronnen
Voor meer informatie over WebMCP en het agentische web kunt u de volgende bronnen raadplegen: