WebMCP

Alexandra Klepper
Alexandra Klepper

Publié le 18 mai 2026, dernière mise à jour le 1er octobre 2026

WebMCP est une proposition de norme Web qui vous aide à créer et à exposer des outils structurés pour les agents d'IA. WebMCP fournit du code JavaScript et annote les éléments de formulaire HTML pour que les agents sachent exactement comment interagir avec les fonctionnalités de la page afin d'améliorer l'expérience utilisateur. Cela peut améliorer considérablement les performances et la fiabilité de l'actionnement de l'agent.

Les agents IA sont une technologie plus récente. Ils peuvent aider les utilisateurs humains à mieux accomplir des tâches très complexes et techniques. WebMCP offre une plus grande précision pour l'exécution des tâches par les agents et peut être ajouté en tant qu'amélioration progressive.

Présentateur Web Extensions État de Chrome Intention
GitHub Essai Origin Trial Version d'essai Origin Afficher Intention de tester

Pourquoi WebMCP ?

WebMCP fournit des règles d'interaction qui comblent le fossé entre les applications Web et les agents, ce qui améliore l'efficacité, la fiabilité et l'exécution des tâches. Au lieu qu'un agent examine l'élément (bouton ou champ, par exemple) pour comprendre son objectif, le site Web déclare l'objectif de l'élément afin qu'il soit utilisé comme prévu.

Cette méthode est plus fiable que l'actionnement, qui peut comporter de nombreuses étapes et laisser chaque étape à l'interprétation de l'agent.

À gauche, l'agent extrait le DOM. À droite, l'agent fait appel à un outil. Essayez-le vous-même dans notre démonstration de réservation de rendez-vous.

Les sites Web peuvent partager un objectif explicite, tel que la recherche ou l'achat, en définissant un tool. Les outils s'exécutent de manière visible sur votre page Web, ce qui permet aux utilisateurs de s'assurer que les tâches sont effectuées comme prévu. Cela permet également de préserver les choix de conception centrés sur l'humain et ceux liés à votre marque.

WebMCP est compatible avec :

  • Découverte : méthode standard permettant aux pages d'enregistrer des outils auprès des agents, tels que checkout ou filter_results.
  • Schémas JSON : définitions explicites des entrées et des sorties attendues, pour réduire les hallucinations ou les malentendus.
  • État : compréhension partagée du contexte de la page actuelle, afin que l'agent sache quelles ressources sont disponibles pour agir en temps réel.

Notre objectif est de créer des API que n'importe quel navigateur doté de capacités agentiques peut implémenter et dont il peut bénéficier, afin que vos utilisateurs puissent accomplir plus facilement des tâches. Vous pouvez suivre ce processus sur GitHub.

Cas d'utilisation

Vous pouvez utiliser WebMCP sur le Web de nombreuses façons. Exemple :

  • Aidez vos clients à obtenir de l'aide. Si vous fournissez un logiciel à des clients, vous pouvez avoir un flux d'assistance complexe pour répondre à de nombreuses questions différentes. Vous pouvez utiliser WebMCP pour aider un agent à accéder plus rapidement au bon formulaire et à remplir les champs avec les informations fournies par l'utilisateur.
  • Améliorer les réservations de voyages : Aidez les agents à réserver des voyages complexes, multi-destinations et multi-passagers en moins d'étapes.

Certaines actions peuvent être sensibles, comme effectuer un achat. Vous pouvez inclure une commande pour demander à l'utilisateur d'interagir avec une boîte de dialogue de confirmation.

Concrètement, vos outils peuvent accomplir les tâches suivantes :

  • Remplir des formulaires structurés : créez un outil submit_application pour aider les agents à mapper correctement les données collectées lors de la conversation avec l'utilisateur dans les champs du formulaire. Par exemple, vous pouvez indiquer si un champ nécessite un nom complet ou un prénom et un nom distincts.
  • Interactions des agents d'assistance dans les interfaces axées sur l'humain : certains champs sont conçus pour les utilisateurs humains, mais peuvent ne pas être compris par les agents. Vous pouvez créer un outil date_pick qui permet de sélectionner une date et une heure complexes pour une réservation ou un événement.
  • Débogage plus rapide des applications : vous pouvez créer un outil run_diagnostics sur une page de paramètres pour les développeurs. Un agent peut ainsi déclencher des correctifs qui sont normalement masqués derrière des menus imbriqués.

Votre cas d'utilisation est-il manquant ? Ou avez-vous une idée que vous aimeriez partager pour WebMCP ? Posez des questions et participez à la discussion sur GitHub.

Commencer

Participez à l'évaluation Origin Trial de WebMCP à partir de Chrome 149. Découvrez comment commencer à utiliser les versions d'essai d'origine.

WebMCP local

WebMCP est disponible en tant que flag Chrome pour le développement local :

  1. Ouvrez Chrome et accédez à chrome://flags/#enable-webmcp-testing.
  2. Définissez le flag sur Enabled (Activé).
  3. Relancez Chrome pour appliquer les modifications.

Utiliser les API WebMCP

Deux API vous permettent de configurer les outils de votre site Web :

  • API impérative : définissez différents types d'outils avec JavaScript standard, tels que des outils de saisie de formulaire, de navigation, de gestion de l'état ou d'autres fonctions.
  • API déclarative : ajoutez des annotations à un formulaire HTML standard pour créer un outil WebMCP.

Limites

Bien que WebMCP vise à simplifier les tâches complexes pour les agents et les humains, il présente des limites :

  • Navigation sans interface graphique : bien qu'il soit possible d'exécuter des outils WebMCP dans des environnements sans interface graphique, cette API est principalement conçue pour les workflows de navigateur local avec un humain dans la boucle.
  • Surcoût pour les interfaces complexes : si votre site est très complexe, vous devrez probablement refactoriser ou ajouter du code JavaScript pour gérer l'état de l'application et de l'interface.
  • Découverte des outils : les clients et les navigateurs doivent accéder directement à un site pour savoir s'il dispose d'outils appelables.

Règles relatives aux autorisations

Les deux API sont contrôlées par la Permissions Policy (Règles relatives aux autorisations) de tools. La règle est définie par défaut sur self, ce qui autorise l'enregistrement des outils dans les contextes de premier niveau et de même origine, et le désactive pour les iFrames interorigines.

Pour autoriser les outils WebMCP dans un iFrame interorigine, ajoutez l'attribut allow="tools" à l'iFrame.

Démo

Des exemples de démos couvrant les implémentations impératives et déclaratives sont disponibles :

Vous pouvez également examiner et explorer le code source de la démo sur GitHub.

Imiter le chat avec un agent à l'aide de l'extension Inspector

Installez l'extension Model Context Tool Inspector pour tester un agent et découvrir comment fonctionnent les outils WebMCP dans des démonstrations en direct ou dans vos propres applications. Utilisez des requêtes en langage naturel pour déterminer si l'agent interagit avec les outils WebMCP comme prévu.

L'extension vous permet d'effectuer les opérations suivantes :

  • Découvrez les outils enregistrés sur une page en surveillant l'API WebMCP.
  • Appelez manuellement des outils et exécutez des fonctions.
  • Vérifiez que votre schéma JSON est correctement défini et que le navigateur peut analyser les données comme l'outil le prévoit.
  • Affichez les messages d'erreur ou les résultats structurés renvoyés par votre outil pour vous assurer qu'ils sont clairs et correctement mis en forme, afin qu'un agent puisse les comprendre.

Parlez à l'agent en langage naturel pour voir s'il peut identifier et appeler correctement les outils WebMCP appropriés. Vos requêtes sont envoyées par défaut au modèle gemini-3-flash-preview.

Interagir et envoyer des commentaires

WebMCP fait l'objet de discussions actives et est susceptible d'être modifié à l'avenir. Si vous testez ces API et que vous avez des commentaires, n'hésitez pas à nous en faire part.

Suivant
API impérative