Chrome 157 : Background Fetch durci et nouveautés CSS à connaître

Chrome 157 est passé en version stable le 3 novembre 2026. Cette version apporte quelques nouveautés CSS bien utiles pour l'habillage des sites, de nouvelles méthodes d'insertion de HTML, et surtout un durcissement de sécurité de l'API Background Fetch qui peut casser un site existant. Voici ce qu'il faut retenir, et ce qu'on vérifie chez SAEZAM.

Background Fetch : la règle CORS s'applique enfin

D'après les notes de version de Chrome 157, l'API Background Fetch applique désormais les règles CORS comme un fetch classique. Cette API sert à lancer de gros téléchargements ou envois qui continuent même si l'utilisateur quitte la page. Une ressource qu'un fetch refuserait (en-têtes cross-origin manquants, par exemple) sera donc refusée aussi par Background Fetch.

Si votre site ou votre application web télécharge des fichiers volumineux depuis un autre domaine (CDN, stockage objet, API partenaire), testez ce parcours dans Chrome 157 et vérifiez que les en-têtes Access-Control-Allow-Origin sont bien en place.

Des petits plus CSS

• text-overflow avec une chaîne personnalisée : au lieu des points de suspension, on peut afficher son propre marqueur, par exemple « (suite) », sur un texte tronqué.
• text-decoration-inset : règle le décalage de début et de fin des soulignements, ce qui permet des liens et des titres plus soignés.
• anchor-valid et anchor-visible : les versions au singulier remplacent anchors-valid et anchors-visible pour le positionnement par ancres. Les anciens noms restent des alias, mais ils sont dépréciés : mieux vaut adopter les nouveaux dès maintenant.

Ce sont des finitions, mais elles réduisent le recours à du JavaScript ou à des astuces CSS fragiles. Comme pour toute nouveauté, on les ajoute en amélioration progressive : le site doit rester correct dans les navigateurs qui ne les connaissent pas encore.

Côté JavaScript et graphismes

La version introduit aussi de nouvelles méthodes DOM pour insérer du HTML : des méthodes positionnelles qui prennent directement du balisage, et des méthodes en flux qui renvoient un WritableStream. Le flux est intéressant pour afficher progressivement un contenu volumineux. À suivre également : des primitives « HTML-in-canvas » pour dessiner du HTML dans un canvas, et l'API Long Animation Frame, qui expose désormais les durées liées au style, utile pour diagnostiquer la fluidité d'une page. Sur Android, l'API LanguageDetector permet de détecter la langue d'un texte directement sur l'appareil.

Que faire concrètement

1. Tester vos parcours critiques dans Chrome 157 : téléchargements, envois de fichiers, formulaires.
2. Auditer vos en-têtes CORS si vous utilisez Background Fetch.
3. Rester prudent sur les nouveautés CSS : les utiliser en amélioration, avec une alternative pour les autres navigateurs.
4. Garder votre navigateur à jour : chaque version stable embarque aussi des correctifs de sécurité.

Notre lecture

Ces évolutions rappellent qu'un site doit être suivi dans la durée, pas seulement livré. Que ce soit pour une création de site web ou pour la refonte d'un site existant, nous testons les principaux navigateurs à chaque version stable. Une question sur le comportement de votre site ? Contactez-nous.

Sources

• Chrome Platform Status : notes de version de Chrome 157
• Chrome Releases : Stable Channel Update for Desktop (3 novembre 2026)
• Dev Weekly, 2 au 8 novembre 2026 : récapitulatif de la semaine