Trouvez et créez des solutions d'IA pour votre site Web et votre application Web.
Découvrez les API basées sur des tâches, conçues dans le navigateur, qui effectuent des tâches d'IA avec des modèles locaux.
Créez des outils WebMCP pour que les sites puissent prendre des mesures fiables grâce aux agents IA.
Améliorez les performances de calcul et de modèle avec Wasm, WebGPU et WebNN.
COURS

Les évaluations sont des tests pour vos fonctionnalités d'IA. Lorsque vous créez un pipeline d'évaluations robuste, vos fonctionnalités basées sur un LLM fonctionnent correctement pour vos utilisateurs. Vous pouvez ensuite déployer vos fonctionnalités en toute confiance.

Dans ce cours, vous découvrirez le modèle LLM-as-a-judge pour mesurer la qualité subjective, créer un juge avec une configuration minimale et découvrir des techniques avancées pour développer un juge personnalisé qui pense comme les meilleurs experts du domaine. Vous exécuterez des évaluations au moment de la compilation et en production afin de pouvoir détecter les régressions rapidement.

Commencer à apprendre

Effectuer l'inférence en local, dans le navigateur

Créer des fonctionnalités basées sur l'IA sur le Web, y compris des modèles de fondation et des modèles experts, intégrés au navigateur
Découvrez l'IA intégrée
Découvrez les conditions requises pour commencer à créer des fonctionnalités et des applications avec l'IA intégrée.
Consultez les API et leur état de disponibilité pour les utiliser avec l'IA intégrée à Chrome.
Utilisez le polyfill de l'API Task AI intégrée pour créer des fonctionnalités d'IA sans vous soucier de la compatibilité avec les navigateurs.
Découvrez les bonnes pratiques pour créer des applications avec l'IA intégrée à Chrome.
Découvrez comment mettre en cache des modèles dans le navigateur pour une inférence plus rapide.
Avant de pouvoir utiliser l'une des API, le modèle sous-jacent doit être téléchargé. Avertissez toujours les utilisateurs du temps nécessaire pour effectuer ces téléchargements.

Appels d'agent fiables avec WebMCP

WebMCP vise à fournir un moyen standard d'exposer des outils structurés, afin que les agents d'IA puissent effectuer des actions sur votre site avec plus de rapidité, de fiabilité et de précision.
Premiers pas
Étape 1

Votre site déclare les actions qu'un agent peut effectuer, en tant qu'outils WebMCP. Chaque outil possède un nom, une description et un schéma JSON.

// 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);
  }
});
Étape 2

Le navigateur collecte et présente ces outils à l'agent WebMCP de l'utilisateur, ainsi que l'URL, le titre et le champ d'application des autorisations d'origine de la page.

Votre site communique avec le navigateur, qui traduit pour l'agent.
Étape 3

L'agent voit un contrat, fournit des arguments structurés et votre code fait le reste. L'utilisateur est informé des autorisations et des confirmations. Finies les devinettes.

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}
Quand utiliser WebMCP Créez des outils efficaces

Améliorer les performances de calcul et du modèle

En savoir plus

Découvrez les améliorations apportées à WebAssembly pour les tâches couramment utilisées dans l'inférence de l'IA.

Lire la documentation État de Chrome

Découvrez WebGPU dans Chrome et bénéficiez d'une prise en charge de premier ordre pour les calculs généraux sur le GPU.

Lire la présentation État de Chrome

Utilisez l'API WebNN pour effectuer des opérations de machine learning dans le navigateur.

Lire la spécification État de Chrome
COURS

Qu'elle soit motivée par des exigences de l'entreprise ou par l'enthousiasme, l'IA pour l'IA n'est pas utile. Les meilleures fonctionnalités répondent à un besoin de l'utilisateur et sont mesurées par la valeur qu'elles apportent.

Dans ce cours, vous apprendrez à concevoir des applications Web avec un système d'IA responsable, utilisable et utile, afin que votre application tienne la promesse de cette technologie.

Commencer à apprendre

Aide au codage

Téléchargez des compétences pour votre agent de codage IA afin de guider sa génération vers des expériences modernes et performantes.
Discutez avec Gemini dans les outils de développement. Les conversations que vous lancez à partir de ce panneau contiennent des informations sur les détails techniques de la page que vous inspectez.
Utilisez la console pour afficher et déboguer les résultats de l'IA sur l'appareil.

Découvrez l'équipe

L'équipe Chrome Web Developer Relations et le chef de produit IA intégrée sont disponibles pour discuter du Web et de l'IA, de l'IA intégrée à WebMCP. Nous avons des collaborateurs en Asie, en Europe et en Amérique.

Découvrez l'équipe

Actualités sur l'IA et Gemini Nano

Présentation de l'IA Web

web.dev
Comprendre les principes de base et les définitions des différentes technologies émergentes, souvent appelées IA.
Lire la documentation
web.dev
En tant qu'utilisateurs du Web, il est essentiel que nous concevions de nouvelles technologies de manière réfléchie et responsable.
Lire la documentation
web.dev
Découvrez des techniques permettant d'utiliser l'IA côté client, qui offre des avantages tels que la faible latence, la réduction des coûts côté serveur, la confidentialité accrue des utilisateurs, etc.
Lire la documentation