WebMCP

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

Veröffentlicht: 18. Mai 2026, zuletzt aktualisiert: 1. Oktober 2026

WebMCP ist ein vorgeschlagener Webstandard, mit dem Sie strukturierte Tools für KI-Agents erstellen und verfügbar machen können. WebMCP stellt JavaScript bereit und annotiert HTML-Formularelemente, damit Agents genau wissen, wie sie mit Seitenfunktionen interagieren müssen, um die Nutzerfreundlichkeit zu verbessern. Dadurch können die Leistung und Zuverlässigkeit der Agent-Aktivierung erheblich verbessert werden.

KI-Agents sind eine neuere Technologie. Sie können menschlichen Nutzern helfen, hochkomplexe und technische Aufgaben besser zu erledigen. WebMCP bietet eine höhere Genauigkeit für die Ausführung von Aufgaben durch Agenten und kann als progressive Erweiterung hinzugefügt werden.

Erklärvideo Web Erweiterungen Chrome-Status Absicht
GitHub Ursprungstest Ursprungstest Ansicht Absichtserklärung für Tests

Vorteile von WebMCP

WebMCP bietet Regeln für die Interaktion, die die Lücke zwischen Webanwendungen und Agenten schließen und so die Effizienz, Zuverlässigkeit und Aufgabenerledigung verbessern. Anstatt dass ein Agent das Element, z. B. eine Schaltfläche oder ein Feld, prüft, um seinen Zweck zu verstehen, deklariert die Website den Zweck des Elements, damit es wie vorgesehen verwendet wird.

Das ist zuverlässiger als die Ausführung, die zahlreiche Schritte umfassen kann und bei der jeder Schritt vom Agenten interpretiert werden muss.

Links ruft der Agent das DOM ab. Rechts ruft der Agent ein Tool auf. Hier können Sie es selbst ausprobieren.

Websites können einen expliziten Zweck angeben, z. B. Suche oder Kauf, indem sie ein tool definieren. Tools werden auf Ihrer Webseite sichtbar ausgeführt, sodass Nutzer darauf vertrauen, dass Aufgaben wie erwartet ausgeführt werden. So bleiben Ihre Marken- und nutzerorientierten Designentscheidungen erhalten.

WebMCP unterstützt:

  • Erkennung: Eine Standardmethode, mit der Seiten Tools bei Agents registrieren können, z. B. checkout oder filter_results.
  • JSON-Schemas: Explizite Definitionen von Eingaben und erwarteten Ausgaben, um Halluzinationen oder Missverständnisse zu reduzieren.
  • Status: Ein gemeinsames Verständnis des aktuellen Seitenkontexts, damit der Agent weiß, welche Ressourcen in Echtzeit zur Verfügung stehen.

Unser Ziel ist es, APIs zu entwickeln, die von jedem Browser mit agentischen Funktionen implementiert und genutzt werden können, damit Ihre Nutzer Aufgaben einfacher erledigen können. Sie können diesen Prozess auf GitHub nachvollziehen.

Anwendungsfälle

Es gibt viele Möglichkeiten, WebMCP im Web zu verwenden. Beispiel:

  • Kunden bei der Kontaktaufnahme mit dem Support unterstützen Wenn Sie Kunden Software zur Verfügung stellen, haben Sie möglicherweise einen komplexen Supportablauf, um viele verschiedene Fragen zu beantworten. Mit WebMCP kann ein Kundenservicemitarbeiter schneller zum richtigen Formular navigieren und Felder mit vom Nutzer bereitgestellten Informationen ausfüllen.
  • Reisebuchungen verbessern: Agenten können komplexe Multistop-Flüge und Reisen mit mehreren Passagieren in weniger Schritten buchen.

Einige Aktionen sind möglicherweise sensibel, z. B. ein Kauf. Sie können einen Befehl einfügen, um eine Nutzerinteraktion mit einem Bestätigungsdialogfeld anzufordern.

In der Praxis könnten Ihre Tools die folgenden Aufgaben ausführen:

  • Strukturierte Formulare ausfüllen: Erstellen Sie ein submit_application-Tool, mit dem Kundenservicemitarbeiter Daten, die aus der Unterhaltung mit dem Nutzer erhoben wurden, korrekt Formularfeldern zuordnen können. So können Sie beispielsweise unterscheiden, ob für ein Feld ein vollständiger Name oder ein separater Vor- und Nachname erforderlich ist.
  • Interaktionen mit Kundenservicemitarbeitern in Benutzeroberflächen, die für Menschen entwickelt wurden: Bestimmte Felder sind für menschliche Nutzer konzipiert, werden aber möglicherweise nicht von Agenten verstanden. Sie könnten ein date_pick-Tool entwickeln, das eine komplexe Auswahl von Datum und Uhrzeit bei der Reservierung oder Buchung von Terminen ermöglicht.
  • Schnelleres Debugging von Anwendungen: Sie können ein run_diagnostics-Tool auf einer Seite mit Entwicklereinstellungen erstellen, damit ein Kundenservicemitarbeiter Korrekturen auslösen kann, die sonst in verschachtelten Menüs verborgen sind.

Fehlt Ihr Anwendungsfall? Oder haben Sie eine Idee, die Sie gerne mit dem WebMCP-Team teilen möchten? Fragen stellen und an Diskussionen auf GitHub teilnehmen

Jetzt starten

Nehmen Sie ab Chrome 149 am WebMCP-Ursprungstest teil. Weitere Informationen zu Origin Trials

Lokales WebMCP

WebMCP ist als Chrome-Flag für die lokale Entwicklung verfügbar:

  1. Öffnen Sie Chrome und rufen Sie chrome://flags/#enable-webmcp-testing auf.
  2. Setzen Sie das Flag auf Aktiviert.
  3. Starten Sie Chrome neu, damit die Änderungen wirksam werden.

WebMCP-APIs verwenden

Es gibt zwei APIs, mit denen Sie Ihre Website-Tools einrichten können:

  • Imperative API: Definieren Sie verschiedene Arten von Tools mit Standard-JavaScript, z. B. Formulareingabe, Navigationstools, Statusverwaltung oder andere Funktionen.
  • Deklarative API: Fügen Sie einem Standard-HTML-Formular Anmerkungen hinzu, um ein WebMCP-Tool zu erstellen.

Beschränkungen

WebMCP soll komplexe Aufgaben für Kundenservicemitarbeiter und Nutzer vereinfachen, es gibt jedoch Einschränkungen:

  • Headless-Browsing: Es ist zwar möglich, WebMCP-Tools in Headless-Umgebungen auszuführen, diese API ist jedoch in erster Linie für lokale Browser-Workflows mit einem menschlichen Nutzer konzipiert.
  • Overhead für komplexe Schnittstellen: Wenn Ihre Website sehr komplex ist, müssen Sie wahrscheinlich JavaScript umgestalten oder hinzufügen, um den Anwendungs- und Schnittstellenzustand zu verarbeiten.
  • Auffindbarkeit von Tools: Clients und Browser müssen eine Website direkt aufrufen, um zu erfahren, ob sie aufrufbare Tools enthält.

Berechtigungsrichtlinie

Beide APIs sind durch die tools-Berechtigungsrichtlinie geschützt. Die Richtlinie hat standardmäßig den Wert self. Dadurch ist die Tool-Registrierung in Kontexten der obersten Ebene und im selben Ursprung zulässig, für ursprungsübergreifende iFrames jedoch deaktiviert.

Wenn Sie WebMCP-Tools in einem ursprungsübergreifenden iFrame zulassen möchten, fügen Sie dem iFrame das Attribut allow="tools" hinzu.

Demo

Beispiele für Demos, die sowohl imperative als auch deklarative Implementierungen abdecken, sind verfügbar:

Sie können sich den Quellcode der Demo auch auf GitHub ansehen.

Agent-Chat mit der Inspector-Erweiterung simulieren

Installieren Sie die Erweiterung „Model Context Tool Inspector“, um mit einem Agenten zu experimentieren und zu sehen, wie WebMCP-Tools in Live-Demos oder Ihren eigenen Anwendungen funktionieren. Mit Prompts in natürlicher Sprache prüfen, ob der Agent wie erwartet mit WebMCP-Tools interagiert.

Mit der Erweiterung können Sie:

  • Sie können die WebMCP API überwachen, um herauszufinden, welche Tools auf einer Seite registriert sind.
  • Tools manuell aufrufen und Funktionen ausführen
  • Prüfen Sie, ob Ihr JSON-Schema richtig definiert ist und der Browser Daten wie vom Tool erwartet parsen kann.
  • Sehen Sie sich die strukturierte Ausgabe oder Fehlermeldungen an, die von Ihrem Tool zurückgegeben werden, um sicherzustellen, dass sie klar formuliert und richtig formatiert sind, damit ein KI-Agent sie verstehen kann.

Sprechen Sie mit dem Agenten in natürlicher Sprache, um zu sehen, ob er die entsprechenden WebMCP-Tools korrekt identifizieren und aufrufen kann. Ihre Prompts werden standardmäßig an das Modell gemini-3-flash-preview gesendet.

Feedback geben

WebMCP befindet sich in der aktiven Diskussion und kann sich daher ändern. Wenn Sie diese APIs ausprobieren und Feedback dazu haben, würden wir uns freuen, von Ihnen zu hören.

Weiter
Imperative API