Dernières tendances : Modern Web Guidance est désormais stable

Matthias Rohmer

Alexandra Klepper

Publié le 13 novembre 2026

Si vous lisez régulièrement ce site, suivez Chrome pour les développeurs sur X, LinkedIn ou Bluesky, ou si vous avez ouvert le panneau Nouveautés dans les Outils de développement cette semaine, vous avez presque certainement entendu la nouvelle. Mais pour tous ceux qui ont travaillé d'arrache-pied, Modern Web Guidance est désormais disponible en version stable 1.0.

Depuis le lancement de la preview anticipée lors de Google I/O, nous avons apporté de nombreuses améliorations et développé Modern Web Guidance en collaboration avec Firefox et Edge pour une compatibilité entre navigateurs. Cette semaine, nous les avons décortiqués dans des articles, des études de cas, des vidéos et des documents.

En résumé

Les modèles de frontière utilisent souvent par défaut des modèles anciens pour le développement Web. Par exemple, ils préfèrent une bibliothèque d'animation JavaScript aux animations CSS basées sur le défilement, ou créent des monstres div imbriqués complexes au lieu d'utiliser appearance: base-select pour les menus déroulants personnalisables.

Modern Web Guidance résout ce problème en injectant des guides concis et adaptés à la tâche en fonction de votre prompt. Voici ce qu'apporte la version 1.0 :

• Plus de guides validés par des experts : couvrant les performances, le style, l'accessibilité, la sécurité, la confidentialité, les formulaires et plus encore. Chaque compétence a été examinée par un expert technique du domaine et testée. Les compétences sont consultables dans le catalogue de guides.
• Compatibilité entre navigateurs par défaut : collaboration des équipes qui développent Mozilla Firefox, Microsoft Edge et Google Chrome. Chaque guide est enrichi de données de compatibilité Baseline et de solutions de remplacement.
• Suite d'évaluation publique : des milliers d'exécutions d'évaluation, consultables sur le tableau de bord d'évaluation public, mettant en évidence les augmentations des taux de réussite.

Consultez l'annonce de Modern Web Guidance 1.0 pour obtenir des exemples concrets des lacunes de connaissances en IA qu'il comble, des workflows de bout en bout avec les Outils de développement Chrome pour les agents et des instructions pour passer de la version preview de l'I/O à la version finale.

Ne nous croyez pas sur parole

En tant que co-créateurs de Modern Web Guidance, nous sommes bien sûr un peu partiaux. Découvrez ce que nos partenaires en pensent après avoir testé la suite complète d'outils de codage IA de Chrome dans leurs workflows quotidiens :

• Policybazaar et Pensionbazaar : ont réduit de plus de 90 % le délai de création de nouvelles pages et les bugs d'interface utilisateur en fermant la boucle de compilation et de vérification, tandis que Policybazaar a réduit de 92 % l'effort d'audit manuel des Core Web Vitals sur environ 30 pages de destination.
• MetaMask : intégration de Modern Web Guidance dans un bot de révision de demandes d'extraction de trois lignes sur environ 480 demandes d'extraction, ce qui a permis d'apporter 43 correctifs d'accessibilité et de sémantique HTML avec un délai médian de 15 minutes.
• WeTV : ajout des outils de développement Chrome pour les agents et de Modern Web Guidance à l'intégration et au déploiement continus pour diagnostiquer et corriger automatiquement 90 % des régressions CLS récurrentes, ce qui réduit le temps de débogage de 87 %.
• note inc. : Il a combiné Modern Web Guidance avec les règles de son système de conception interne, ce qui a permis de faire passer le taux de réussite des vérifications du Web moderne de 61 % à 94 % et d'augmenter de 28 % la priorisation correcte des images LCP.

Commencer

Même si vous pouvez avoir de la chance en demandant à votre agent d'installer Modern Web Guidance, vous pouvez utiliser la commande npx suivante pour configurer votre projet et votre agent étape par étape.

npx modern-web-guidance@latest install

Vous pouvez également explorer d'autres options d'installation sur GitHub.

Une fois la configuration terminée, vous pouvez examiner en détail les nouveaux cas d'utilisation et le fonctionnement de Modern Web Guidance 1.0 :

• Moderniser les codebases existants : comment npx modern-web-guidance@latest legacy-scan associe des vérifications rapides de la syntaxe locale à un examen contextuel par l'agent pour réduire la dette technique sans perturbation.
• Au-delà de la génération de code : apprentissage continu pour les développeurs : découvrez comment utiliser Modern Web Guidance comme outil d'apprentissage et de découverte interactif pour rester au fait des fonctionnalités HTML, CSS et d'API Web modernes tout en codant avec des agents IA.
• Compatibilité multi-navigateur par défaut : fonctionnement des solutions de remplacement Baseline : comment les guides utilisent les données web-features en temps réel pour adapter l'amélioration progressive, les requêtes @supports et les polyfills à vos navigateurs cibles.
• Top 10 des erreurs de l'IA dans le développement Web : Découvrez 10 lacunes courantes en matière d'accessibilité, d'expérience utilisateur, de performances et de sécurité, pour lesquelles même les modèles de frontière les plus récents échouent à environ la moitié de nos vérifications Web modernes.
• Vector Search locale pour les agents de codage : de 507 Mo à une boucle de sept lignes : Découvrez comment Modern Web Guidance récupère les guides pertinents dans sa base de connaissances de plus de 200 guides en quelques millisecondes, sans remplir la fenêtre de contexte de votre agent.

L'avenir du développement Web agentique avec Chrome

En utilisant Modern Web Guidance avec votre agent de codage, vous partez sur de bonnes bases. Mais vous pouvez (et devriez) aller encore plus loin. Votre agent doit pouvoir exécuter, inspecter et vérifier ce code dans un vrai navigateur.

Depuis plus d'un an, les outils de développement Chrome pour les agents offrent aux agents de codage une visibilité en temps réel sur l'exécution grâce à un large éventail d'outils, de l'inspection de l'accessibilité et des performances au débogage de la mémoire et à l'enregistrement des animations, afin que votre agent puisse les affiner.

Dans les semaines à venir, nous célébrerons la prochaine étape des outils de développement Chrome pour les agents. Il sera encore plus facile de transmettre le bon contexte de Chrome à votre agent.

Essayez Modern Web Guidance 1.0 et dites-nous ce que vous en pensez. Modern Web Guidance et les Outils de développement Chrome pour les agents sont tous deux développés de manière ouverte sur GitHub. Si vous repérez une tâche de plate-forme Web que votre agent n'arrive toujours pas à effectuer correctement ou si vous avez une idée de ce que nous devrions aborder ensuite, signalez un problème et faites-le nous savoir.