Bienvenue dans la nouvelle ère du Web avec l'IA. Découvrez comment l'IA peut aider les développeurs à créer plus facilement des expériences performantes sur le Web.
Premiers pas Rejoindre le programme Preview

Gemini Nano dans Chrome

Repensez le potentiel de Gemini Nano dans Chrome.
Nous apportons Gemini Nano, le modèle le plus efficace de l'écosystème Gemini, à Chrome.
L'IA côté client offre aux utilisateurs des modèles performants, tout en protégeant la confidentialité des données et en réduisant la latence.
Découvrez les conditions requises pour commencer à créer des fonctionnalités et des applications avec l'IA intégrée.
Vérifiez les API et leur état de disponibilité à utiliser avec Gemini Nano dans Chrome.

API d'IA intégrées

Rejoignez les tests d'origine et commencez à utiliser ces API en production.
Premiers pas
Traduire du texte en temps réel dans le navigateur à l'aide de modèles d'IA locaux Les utilisateurs peuvent désormais contribuer dans leur langue maternelle.
Identifiez la langue utilisée dans un texte donné avec l'API Language Detector.
Générez différents types de résumés dans différents formats et longueurs, tels que des phrases, des paragraphes, des listes à puces, etc.
Découvrez les possibilités infinies de l'API Prompt dans les extensions Chrome.

Développer avec l'IA

Résolvez votre cas d'utilisation.
Utilisez l'IA générative côté serveur pour évaluer les avis. L'inférence a lieu sur un serveur.
Découvrez des solutions d'IA intégrées à l'appareil pour aider les utilisateurs à rédiger des avis pertinents.
Proposez un service client à l'international grâce à l'API Translator.
Accélérez le lancement de vos applications en mettant en cache le modèle sur l'appareil.
Ce guide présente les bonnes pratiques de gestion des sessions avec le modèle de langage.
Améliorez votre expérience de navigation grâce à la personnalisation du navigateur et au contrôle des contenus Web. Créez des extensions de pointe grâce à l'IA.

Bonnes pratiques

Accélérez le lancement de vos applications en mettant en cache le modèle sur l'appareil.
Découvrez ce qu'est le streaming et comment il fonctionne avec l'IA et les LLM.
Suivez ces bonnes pratiques pour le front-end afin d'afficher les réponses en streaming de Gemini.
Utilisez une page spéciale interne à Chrome pour afficher les détails de débogage des requêtes envoyées à Gemini Nano.

Actualités sur l'IA et Gemini Nano

Comment eBay a amélioré ses taux de connexion de 10% grâce au partage continu d'identifiants

Updated 6 mars 2025

Découvrez comment eBay a amélioré le taux de réussite des connexions de 10% grâce aux liens vers des composants numériques pour partager facilement des identifiants. Découvrez comment implémenter une authentification sécurisée et multiplate-forme, et améliorer l'expérience utilisateur.

Comment NRK donne vie à ses histoires grâce aux animations liées au défilement

Updated 26 février 2025

Découvrez comment les animations déclenchées par le défilement améliorent les articles de storytelling.

Comment Spotify a utilisé l'API Picture-in-picture pour créer son lecteur réduit Spotify

Updated 13 mai 2024

Découvrez comment Spotify Miniplayer est passé d'un "piratage du canevas" à une expérience optimisée grâce à l'API Document Picture-in-picture.

Productivité des développeurs

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.
Le panneau d'assistance par l'IA vous permet de comprendre la mise en page globale d'un site Web, les styles d'éléments spécifiques et les corrections de bugs CSS générées par l'IA.
Découvrez cinq façons de faciliter le style de votre page, de la compréhension des mises en page à la correction des problèmes d'avion.
Utilisez la console pour afficher et déboguer les résultats de l'IA sur l'appareil.

Lauréats du concours Built-in AI Challenge

Trouvez l'inspiration pour l'IA intégrée grâce aux gagnants du défi sur l'IA intégrée.
Tous les lauréats
Barre de recherche dynamique et légère qui vous permet de créer, de modifier et de supprimer des requêtes pour les petites tâches quotidiennes.
Trouvez l'inspiration
Adaptez le contenu Web pour aider les utilisateurs souffrant de troubles de la lecture, de troubles de l'attention et de dyslexie.
Trouvez l'inspiration
Ajout d'une assistance par IA à l'éditeur de blocs WordPress.
Trouvez l'inspiration

WebGPU

Soutenez vos projets d'IA avec WebGPU, une API de graphisme Web qui vous donne accès à des fonctionnalités GPU plus avancées.
Afficher les dernières mises à jour de WebGPU dans Chrome
Lire la documentation
Découvrez WebGPU dans Chrome et bénéficiez d'une assistance de premier ordre pour les calculs généraux sur le GPU.
Lire la documentation
Découvrez comment accéder au GPU avec WebGPU.
Lire la documentation
Découvrez comment tester des modèles d'IA côté client sur navigateur dans de vrais environnements de navigation.
Lire la documentation
Découvrez pourquoi WebGPU peut être inopérant ou ne fonctionne pas comme prévu dans Chrome, et comment résoudre ce problème.
Lire la documentation
Consultez la documentation de référence de l'API sur MDN.
Consulter le site de MDN

WebAssembly

Activer des applications hautes performances sur les pages Web avec Chrome
Découvrez les améliorations apportées à WebAssembly pour les tâches couramment utilisées dans l'inférence IA.
Lire la documentation
Découvrez le backend WASM du backend Wasm TensorFlow.js et comment il utilise la bibliothèque XNNPACK pour une implémentation optimisée des opérateurs de réseau de neurones.
Lire la documentation
Découvrez comment déployer ONNX Runtime Web dans un environnement de production et quel(s) fichier(s) binaire WebAssembly inclure dans l'application.
Lire la documentation

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