KI-basierte Funktionen für das Web entwickeln
Am Vorab-Vorschauprogramm teilnehmen 

Integrierte KI

Mit integrierter KI stellt Ihr Browser Foundation Models und Expertenmodelle bereit und verwaltet sie.
Hier erfahren Sie, wie Ihre Websites und Webanwendungen KI-Aufgaben mit browserverwalteten KI-Modellen und APIs ausführen können.
Hier erfahren Sie, welche Voraussetzungen Sie erfüllen müssen, um Funktionen und Anwendungen mit integrierter KI zu erstellen.
Sehen Sie sich die APIs und ihren Verfügbarkeitsstatus an, um sie mit der integrierten KI in Chrome zu verwenden.
KURS

Evaluierungen (oder Evals) sind Tests für Ihre KI-Funktionen. Wenn Sie eine robuste Evals-Pipeline erstellen, funktionieren Ihre LLM-basierten Funktionen gut für Ihre Nutzer. Anschließend können Sie Ihre Funktionen mit Zuversicht veröffentlichen.

Jetzt lernen

Zuverlässige Agent-Aufrufe mit WebMCP

WebMCP soll eine Standardmethode zum Bereitstellen strukturierter Tools bieten, damit KI-Agents Aktionen auf Ihrer Website schneller, zuverlässiger und präziser ausführen können.
Erste Schritte
Schritt 1

Auf Ihrer Website werden die Aktionen deklariert, die ein Agent ausführen kann, z. B. WebMCP-Tools. Jedes Tool hat einen Namen, eine Beschreibung und ein JSON-Schema.

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});
Schritt 2

Der Browser erfasst diese Tools und präsentiert sie dem WebMCP-fähigen Agenten des Nutzers zusammen mit der URL, dem Titel und dem Berechtigungsbereich des Ursprungs der Seite.

Ihre Website kommuniziert mit dem Browser, der die Übersetzung für den Agenten übernimmt.
Schritt 3

Der Agent sieht einen Vertrag, liefert strukturierte Argumente und Ihr Code erledigt den Rest. Der Nutzer wird über Berechtigungen und Bestätigungen auf dem Laufenden gehalten. Kein Rätselraten mehr.

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

KI im Web beschleunigen

Rechen- und Modellleistung mit Wasm, WebGPU und WebNN verbessern
Weitere Informationen

Informationen zu Verbesserungen an WebAssembly für Aufgaben, die häufig bei der KI-Inferenz verwendet werden.

Dokument lesen Chrome-Status

WebGPU in Chrome bietet erstklassigen Support für allgemeine Berechnungen auf der GPU.

Überblick lesen Chrome-Status

Mit der WebNN API können Sie Machine-Learning-Vorgänge im Browser ausführen.

Spezifikation lesen Chrome-Status
KURS

Ob durch Unternehmensvorgaben oder Begeisterung angeregt, ist KI um der KI willen nicht nützlich. Die besten Funktionen basieren auf den Anforderungen der Nutzer und werden anhand des Werts gemessen, den sie bieten.

In diesem Kurs erfahren Sie, wie Sie Webanwendungen mit einem KI-System entwickeln, das verantwortungsbewusst, nutzerfreundlich und wertvoll ist, damit Ihre Anwendung das Versprechen der Technologie einhält.

Jetzt lernen

KI-Browser-Tools

Mit Gemini in DevTools chatten Unterhaltungen, die Sie über diesen Bereich starten, enthalten Kontext zu technischen Details der Seite, die Sie prüfen.
Im Bereich „KI-Unterstützung“ können Sie das Gesamtlayout einer Website, bestimmte Elementstyles und KI-generierte Fehlerkorrekturen für CSS-Fehler analysieren.
Sieh dir fünf Möglichkeiten an, wie du deine Seite leichter gestalten kannst – vom Verständnis von Layouts bis hin zur Anpassung von Flugzeugen.
Verwenden Sie die Console, um die Ergebnisse der On-Device-KI anzusehen und Fehler zu beheben.

Neuigkeiten zu KI und Gemini Nano

Mit unseren integrierten KI-APIs können Sie die Vorteile von Gemini Nano in Chrome nutzen.
Hier erfahren Sie, wie Sie integrierte KI-APIs in Chrome verwenden, damit Ihre Web-App Inhalte für Ihre Nutzer übersetzen, zusammenfassen, schreiben und umschreiben kann. Wir besprechen, wie Sie hybride Arbeitslasten erstellen, und werfen einen Blick in die Zukunft der integrierten KI im Browser.
KI-APIs entdecken
Sie können clientseitige und Cloud-KI entwickeln, um das Web und den Browser für Ihre Anforderungen und die Anforderungen Ihrer Kunden zu optimieren.
Chrome-Erweiterungen mit KI
Mit Bibliotheken wie MediaPipe, LiteRT und Transformers.js sowie innovativen Web-APIs wie WebAssembly und WebGPU können Sie unglaubliche KI-gestützte Funktionen entwickeln.
Zusammenfassung lesen

Web-KI

web.dev
Hier erfahren Sie mehr über die Grundlagen und Definitionen der verschiedenen neuen Technologien, die oft als KI bezeichnet werden.
Dokument lesen
web.dev
Als Webexperte ist es wichtig, dass wir neue Technologien durchdacht und verantwortungsvoll entwickeln.
Dokument lesen
web.dev
Hier erfahren Sie mehr über die Verwendung von clientseitiger KI, die unter anderem Vorteile wie eine geringe Latenz, reduzierte serverseitige Kosten und mehr Datenschutz für Nutzer bietet.
Dokument lesen