WebMCP est une norme Web proposée pour permettre aux sites Web d'exposer leurs fonctionnalités sous forme d'outils structurés invoqués par les agents d'IA. Les outils pour les développeurs Chrome pour les agents permettent à votre agent de codage d'interagir directement avec ces outils, ce qui vous aide à analyser votre site Web et à vous suggérer comment le rendre compatible avec WebMCP.
En utilisant les Outils de développement pour les agents, vous pouvez vérifier que votre application expose correctement les outils WebMCP, tester leur exécution et identifier les zones où les agents IA bénéficient de fonctionnalités supplémentaires exposées sur votre site. Vous pouvez implémenter WebMCP sur votre site Web à l'aide des compétences d'agent incluses dans Modern Web Guidance.
Lorsque vous utilisez WebMCP, gardez à l'esprit les points suivants :
- Indicateur expérimental : la catégorie WebMCP n'est pas active par défaut. Utilisez l'option
--categoryExperimentalWebmcp. Pour en savoir plus sur la participation, consultez la version d'essai de l'origine WebMCP. - Configuration requise pour le navigateur : cette fonctionnalité nécessite Chrome 149 ou version ultérieure avec les fonctionnalités WebMCP activées. Cela signifie que le site Web que vous testez est inscrit à la phase d'évaluation WebMCP ou que vous avez activé manuellement l'indicateur WebMCP correspondant dans votre navigateur Chrome local.
- Distinction de l'audience cible : alors que le serveur MCP DevTools est une fonctionnalité de débogage destinée aux développeurs, les outils WebMCP peuvent être appelés par toute personne utilisant un agent de navigateur pour interagir avec des sites Web. Les outils de développement pour les agents vous aident à créer et à tester ces outils WebMCP destinés aux utilisateurs.
Cas d'utilisation pour tester et déboguer les outils WebMCP
Vous pouvez utiliser WebMCP de plusieurs façons. Chaque site Web est différent, tout comme chaque ensemble d'outils WebMCP. Suivez notre framework pour définir et créer des outils utiles pour votre site Web ou votre application Web.
Par exemple, si vous disposez d'un site Web d'agence de voyages avec des outils pour aider l'agent d'un utilisateur à effectuer les actions appropriées, voici des exemples de requêtes que vous pouvez utiliser avec les outils de développement pour que les agents testent le bon fonctionnement de vos outils.
Demandez à votre agent de lister et d'exécuter les outils WebMCP pour simplifier les tests et le développement.
Remarque : Les étapes d'exécution de l'agent sont des exemples de comportement potentiel. Comme il existe de nombreux types d'agents et que les agents ne sont pas déterministes, vous pouvez obtenir des résultats différents.
Vérifier l'exposition de l'outil WebMCP
Lorsque vous ajoutez la compatibilité WebMCP à votre site, vous pouvez demander à votre agent de codage de vérifier que vos outils sont correctement exposés au navigateur et que leurs schémas d'entrée sont bien définis.
Exemple de requête :
Implement a 'book_flight' WebMCP tool to this page to help agents book flights. Verify that it's correctly registered and ready for AI agents to use.
Exemple d'exécution d'un agent : votre agent détecte la nécessité d'inspecter les outils exposés et appelle de manière autonome l'outil list_webmcp_tools. Il analyse le résultat, confirme si votre outil a été enregistré avec succès et valide que le schéma est bien formé.
Déboguer l'exécution des outils WebMCP
Vérifiez que la logique interne de votre outil WebMCP fonctionne comme prévu lorsqu'elle est appelée par une IA avec des entrées spécifiques. Vous pouvez demander à votre agent d'exécuter l'outil et de surveiller la réponse de l'application.
Exemple de requête :
Try using the 'add_to_cart' tool on this page to add product 12345. Let me know if it succeeds or if the application throws any errors.
Exemple d'exécution d'un agent : votre agent reconnaît l'intention de tester une action spécifique. Il détermine de manière autonome le schéma d'entrée approprié, l'exécute à l'aide de execute_webmcp_tool et surveille la réponse de l'application (y compris en vérifiant les journaux de la console) pour indiquer l'état de réussite ou déboguer les éventuels échecs.
Résoudre les problèmes de clarté du schéma
Lorsqu'un agent d'IA ne parvient pas à appeler correctement un outil WebMCP à plusieurs reprises, cela est souvent dû à un schéma JSON ambigu. Vous pouvez demander à votre agent d'examiner le schéma du point de vue d'un LLM et de suggérer des améliorations.
Exemple de requête :
My 'schedule_meeting' tool is failing to parse the various date formats sent by different AI agents. Can you review the tool's schema and suggest how I can improve the descriptions or constraints so agents know exactly which format is required?
Exemple d'exécution d'agent : votre agent récupère les outils WebMCP exposés et analyse inputSchema pour "schedule_meeting". Il identifie que le paramètre de date manque de description claire ou de contrainte de format, et suggère un schéma JSON corrigé (par exemple, en ajoutant une description comme "Date in
YYYY-MM-DD format") que vous pouvez implémenter dans votre code.