WebMCP is a proposed web standard to help you build and expose structured tools for AI agents. It provides JavaScript and annotates HTML form elements so that agents know exactly how to interact with page features. Websites can share explicit purpose, such as search or purchasing, by defining a tool; tools execute on your webpage visibly, so users gain trust that tasks are completed as expected.

How do I get started with WebMCP?

Join the WebMCP origin trial from Chrome 149. For local development, open chrome://flags/#enable-webmcp-testing, set the flag to Enabled, and relaunch Chrome.

What are the two WebMCP APIs?

The Imperative API lets you define different types of tools with standard JavaScript, such as form input, navigation tools, state management, or other functions. The Declarative API lets you add annotations to standard HTML forms to create a WebMCP tool. Angular has experimental support for WebMCP, and you can debug WebMCP tools and validate how the browser parses the JSON Schema with Chrome DevTools.

How is WebMCP different from an agent clicking through my site?

Instead of an agent reviewing each element, such as a button or a field, to understand its purpose, the website defines tools with explicit purpose. This is more reliable than actuation, which may have numerous steps and leaves each step open to interpretation by the agent. WebMCP offers higher accuracy for agentic task completion and can be added as a progressive enhancement.

What are the limitations of WebMCP?

Headless browsing: the API is primarily designed for local browser workflows with a human in the loop. Overhead for complex interfaces: highly complex sites may need to refactor or add JavaScript to handle application and interface state. Tool discoverability: clients and browsers must visit a site directly to know if it has callable tools.

Does WebMCP work in cross-origin iframes?

Both APIs are gated by the tools Permissions Policy. The policy defaults to self, which allows tool registration in top-level and same-origin contexts and disables it for cross-origin iframes. To allow WebMCP tools in a cross-origin iframe, add the allow="tools" attribute to the iframe.

Google utilise la technologie IA pour traduire le contenu dans votre langue préférée. Les traductions générées par IA peuvent contenir des erreurs.

WebMCP

Alexandra Klepper

François Beaufort

Kasper Kulikowski

Date de publication : 18 mai 2026, Dernière mise à jour : 7 octobre 2026

WebMCP est une proposition de norme Web qui vous aide à créer et à exposer des outils structurés pour les agents IA. WebMCP fournit du code JavaScript et annote les éléments de formulaire HTML afin que les agents sachent exactement comment interagir avec les fonctionnalités de la page pour améliorer l'expérience utilisateur. Cela peut améliorer considérablement les performances et la fiabilité de l'activation 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 agentiques et peut être ajouté en tant qu'amélioration progressive.

Présentateur	Web	Extensions	Chrome Status	Intention
GitHub	Essai Origin Trial		Afficher	Intent to Experiment

Pourquoi WebMCP ?

WebMCP fournit des règles d'interaction qui comblent l'écart 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, tel qu'un bouton ou un champ, 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 laisse chaque étape ouverte à l'interprétation de l'agent.

À gauche, l'agent extrait le DOM. À droite, l'agent appelle un outil. Essayez par vous-même sur notre démo de prise 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 votre marque et vos choix de conception centrés sur l'humain.

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 tout navigateur doté de capacités agentiques peut implémenter et exploiter, afin que vos utilisateurs puissent accomplir des tâches plus facilement. Vous pouvez suivre ce processus sur GitHub.

Cas d'utilisation

Il existe de nombreuses façons d'utiliser WebMCP. Exemple :

Aidez vos clients à obtenir de l'aide. Si vous fournissez un logiciel à des clients, vous disposez peut-être d'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'interaction de l'utilisateur avec une boîte de dialogue de confirmation.

En pratique, vos outils pourraient 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 vers les champs de 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 dans une réservation ou une réservation d'événement.
Débogage plus rapide des applications : vous pouvez créer un outil run_diagnostics sur une page de paramètres de développeur, afin qu'un agent puisse déclencher des correctifs qui sont autrement masqués derrière des menus imbriqués.

Votre cas d'utilisation n'est pas listé ? Ou vous avez une idée que vous aimeriez partager pour WebMCP ? Posez des questions et participez aux discussions sur GitHub.

Commencer

Participez à l'essai Origin Trial WebMCP à partir de Chrome 149. Découvrez comment commencer à utiliser les origin trials.

WebMCP local

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

Ouvrez Chrome et accédez à chrome://flags/#enable-webmcp-testing.
Définissez l'option sur Enabled (Activé).
Relancez Chrome pour appliquer les modifications.

Utiliser les API WebMCP

Vous pouvez utiliser deux API pour configurer vos outils de site Web :

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

Vous pouvez déboguer les outils WebMCP et valider la façon dont le navigateur analyse le schéma JSON avec les outils pour les développeurs Chrome.

Limites

Bien que WebMCP vise à simplifier les tâches complexes pour les agents et les humains, il existe 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 human-in-the-loop (avec intervention humaine).
Surcharge 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écouvrabilité des outils : les clients et les navigateurs doivent accéder directement à un site pour savoir s'il dispose d'outils appelables.

Règles d'autorisation

Les deux API sont régies par les règles d'autorisation tools. La règle est définie par défaut sur self, ce qui permet l'enregistrement des outils dans les contextes de premier niveau et de même origine, et le désactive pour les iFrames inter-origines.

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

Démo

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

WebMCP zaMaker utilise l'API impérative WebMCP.
La démo Travel (React) utilise l'API WebMCP impérative.
La démo Le Petit Bistro utilise l'API déclarative WebMCP.

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

Imiter un agent pour tester vos outils

Nous avons créé deux extensions Chrome pour vous aider à voir comment les outils WebMCP fonctionnent dans nos démonstrations et vos applications.

Installez l'exemple d'extension Chrome agentique pour inspecter, surveiller et exécuter des outils WebMCP avec des requêtes en langage naturel. En particulier, cette extension fait toujours confiance aux annotations WebMCP, qui peuvent alerter l'agent sur les actions sensibles. Cela montre comment un outil peut fonctionner différemment avec des annotations.

Par défaut, cette extension utilise un petit serveur Node avec un SDK d'IA. Les clés API sont obligatoires et restent sur le serveur local. Vos requêtes sont envoyées au modèle gemini-3.6-flash par défaut, mais vous pouvez modifier le choix du modèle et le fournisseur d'API dans le fichier .env de l'extension. Il existe des champs pour OpenAI, Google et Anthropic. Vous pouvez également personnaliser l'extension pour utiliser un modèle d'un autre fournisseur.

Vous pouvez également utiliser un modèle côté client avec l'API Prompt. Cela ne nécessite pas de clés API, et les données restent sur votre appareil. Pour ce faire, activez chrome://flags/#prompt-api-tool-use.

Installez l'extension Model Context Tool Inspector pour tester un agent et voir comment les outils WebMCP fonctionnent 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.

Pour utiliser Gemini afin d'appeler vos outils, vous devez disposer d'une clé API, que vous fournissez dans l'interface de l'extension. Vos requêtes sont envoyées par défaut au modèle gemini-3.6-flash. Vous pouvez sélectionner un autre modèle Gemini pour tester ou personnaliser le code de l'extension afin d'utiliser le modèle d'un autre fournisseur.

Interagir et envoyer des commentaires

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

Participez à l'essai Origin Trial WebMCP et suivez l'implémentation pour Chrome sur Chrome Status.
Lisez l'explication de WebMCP, posez des questions et participez à la discussion.
Consultez les bonnes pratiques concernant WebMCP.
Consultez nos conseils de sécurité et nos bonnes pratiques pour l'outil WebMCP.
Si vous avez des commentaires sur l'implémentation de Chrome, signalez un bug Chromium.

API impérative