💻Code-Beispiele

Imperativ und deklarativ, mit Feature-Erkennung, Abmelden, Annotations, Ereignissen und iframes. Die Beispiele folgen dem Spezifikationsentwurf und der Chrome-Doku [W3C] [Chrome] [Chrome] – Tool-Namen stammen aus der Live-Demo.

Veraltete Beispiele im Netz

Viele Artikel zeigen noch navigator.modelContext.provideContext(), clearContext() oder unregisterTool(). Diese Methoden sind im aktuellen Entwurf entfallen (März 2026); der Getter heißt seit Mai 2026 document.modelContext. [PR #132] [PR #156] [PR #184]

WebMCP ist eine progressive Verbesserung: Ohne API funktioniert die Seite ganz normal weiter. Das Fallback auf navigator.modelContext empfahl das Chrome Early Preview Program nach der Umbenennung (Mai 2026).

1 · Feature-Erkennung

// Neu: document.modelContext · älter (Chrome 149): navigator.modelContext
const modelContext = document.modelContext || navigator.modelContext;

if (modelContext) {
  // Tools registrieren …
} else {
  // Nichts tun – Menschen nutzen die normale Oberfläche.
}

TypeScript-Typen

Für den Editor gibt es das npm-Paket webmcp-types (im Explainer und in der Chrome-Doku empfohlen). [W3C]