Chrome Extensions

Découvrez comment développer des extensions Chrome.

• Extensions Chrome

chrome.contentSettings

Utilisez l'API chrome.contentSettings pour modifier les paramètres qui déterminent si les sites Web peuvent utiliser des fonctionnalités telles que des cookies, du code JavaScript et des plug-ins. Plus généralement, les paramètres de contenu vous

• Extensions Chrome

chrome.bookmarks

Utilisez l'API chrome.bookmarks pour créer, organiser et manipuler les favoris. Consultez également Pages de remplacement, que vous pouvez utiliser pour créer une page de gestionnaire de favoris personnalisée. Pour utiliser l'API Bookmarks, vous

• Extensions Chrome

chrome.bookmarks

Cette autorisation déclenche un avertissement. Utilisez l'API chrome.bookmarks pour créer, organiser et manipuler les favoris. Consultez également Pages de remplacement, que vous pouvez utiliser pour créer une page de gestionnaire de favoris

• Extensions Chrome

chrome.contentSettings

Utilisez l'API chrome.contentSettings pour modifier les paramètres qui déterminent si les sites Web peuvent utiliser des fonctionnalités telles que des cookies, du code JavaScript et des plug-ins. Plus généralement, les paramètres de contenu vous

• Extensions Chrome

Intelligence artificielle

IA sur Chrome 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. Repensez le potentiel de Gemini Nano dans Chrome. IA intégrée Nous

Préparation à la transition de Chrome sur Android vers un affichage bord à bord

Chrome sur Android passe en plein écran à partir de Chrome 135.

• Chrome

Guide de migration de Chrome sur Android de bord à bord

Créer des expériences Web de bout en bout

Déboguer Gemini Nano

Une page interne à Chrome est disponible pour afficher les détails des requêtes envoyées à Gemini Nano. Ce guide explique comment l'utiliser pour le débogage.

Analyse avancée du réseau avec les outils pour les développeurs Chrome

Analysez le réseau plus en détail avec les outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome
• Chrome

Panneau "Confidentialité et sécurité"

Utilisez le panneau "Confidentialité et sécurité" pour inspecter et contrôler les cookies tiers, et vérifier la protection HTTPS.

• Outils pour les développeurs Chrome

Pop-over = hint

Découvrez le nouveau mode de pop-up qui simplifie les info-bulles et autres éléments flottants.

• Chrome

Nouveautés de WebGPU (Chrome 134)

Amélioration des charges de travail d'apprentissage automatique avec des sous-groupes, amélioration du temps de compilation des nuanceurs sur D3D12, suppression de la prise en charge des types de textures filtrables à virgule flottante en tant que mélangeables, etc.

• Chrome

chrome.app.runtime

Utilisez l'API chrome.app.runtime pour gérer le cycle de vie de l'application. L'environnement d'exécution de l'application gère l'installation de l'application, contrôle la page d'événements et peut arrêter l'application à tout moment. tout

chrome.sessions

Utilisez l'API chrome.sessions pour interroger et restaurer les onglets et les fenêtres d'une session de navigation. chaîne Nom de l'appareil étranger. Session [] Liste des sessions de fenêtre ouvertes pour l'appareil externe, triées de la session la

• Extensions Chrome

chrome.printing

Utilisez l'API chrome.printing pour envoyer des tâches d'impression aux imprimantes installées sur un Chromebook. Toutes les méthodes et tous les événements chrome.printing nécessitent que vous déclariez l'autorisation "printing" dans le fichier

• Extensions Chrome

chrome.userScripts

Utilisez l'API userScripts pour exécuter des scripts utilisateur dans le contexte des scripts utilisateur. Pour utiliser l'API User Scripts ( chrome.userScripts ), ajoutez l'autorisation "userScripts" à votre fichier manifest.json et

• Extensions Chrome

chrome.printing

Utilisez l'API chrome.printing pour envoyer des tâches d'impression aux imprimantes installées sur un Chromebook. Toutes les méthodes et tous les événements chrome.printing nécessitent que vous déclariez l'autorisation "printing" dans le fichier

• Extensions Chrome

chrome.sessions

Utilisez l'API chrome.sessions pour interroger et restaurer les onglets et les fenêtres d'une session de navigation. chaîne Nom de l'appareil étranger. Session [] Liste des sessions de fenêtre ouvertes pour l'appareil externe, triées de la session la

• Extensions Chrome

Nouveautés des outils pour les développeurs, Chrome 134

Panneau de confidentialité et de sécurité, limitation du processeur calibrée, mise en évidence des données first party et tierces dans "Performances", nouveaux insights, etc.

• Outils pour les développeurs Chrome
• Chrome

chrome.i18n

Utilisez l'infrastructure chrome.i18n pour implémenter l'internationalisation dans l'ensemble de votre application ou de votre extension. Si une extension possède un répertoire /_locales, le manifest doit définir "default_locale". Vous devez placer

• Extensions Chrome

Amélioration du rendu du texte dans les navigateurs basés sur Chromium sous Windows

L'équipe Edge a ajouté la prise en charge du respect des valeurs de l'optimiseur d'affichage du texte ClearType de Windows directement dans Chromium, ce qui améliore le rendu du texte dans les navigateurs basés sur Chromium sous Windows.

• Chrome

chrome.storage

Utilisez l'API chrome.storage pour stocker, récupérer et suivre les modifications apportées aux données utilisateur. Pour utiliser l'API Storage, déclarez l'autorisation "storage" dans le manifest de l'extension. Exemple: L'API Storage fournit un

• Extensions Chrome

chrome.storage

Utilisez l'API chrome.storage pour stocker, récupérer et suivre les modifications apportées aux données utilisateur. L'API Storage fournit un moyen spécifique à l'extension de conserver les données utilisateur et l'état. Il est semblable aux API de

• Extensions Chrome

Les sous-composants d'image LCP et le RTT sont désormais disponibles dans CrUX

Découvrez les modifications apportées au rapport sur l'expérience utilisateur Chrome (CrUX) dans la version de février 2025, y compris les sous-composants d'image du LCP, les types de ressources du LCP et le RTT.

• Chrome

Dimensions

Documentation technique sur les dimensions CrUX.

• Rapport d'expérience utilisateur Chrome

Docs

Exemples de code, guides et documentation de référence d'API dont vous avez besoin pour votre création

Chrome for Developers

Vous aider à créer, développer et innover sur le Web.

• Chrome

Extensions / Premiers pas

Tout ce que vous devez savoir pour commencer à utiliser les extensions Chrome

• Extensions Chrome

Version bêta de Chrome 134

Découvrez les dernières fonctionnalités disponibles dans Chrome.

• Chrome

Passer automatiquement en Picture-in-picture lorsque vous lisez des contenus multimédias

Chrome permet aux applications Web qui lisent des contenus multimédias de passer automatiquement en Picture-in-picture.

• Chrome

chrome.enterprise.platformKeys

Utilisez l'API chrome.enterprise.platformKeys pour générer des clés et installer les certificats de ces clés. Ces certificats seront gérés par la plate-forme et peuvent servir à l'authentification TLS, à l'accès au réseau ou à une autre extension via

• Extensions Chrome

chrome.enterprise.platformKeys

Utilisez l'API chrome.enterprise.platformKeys pour générer des clés et installer les certificats de ces clés. Ces certificats seront gérés par la plate-forme et peuvent servir à l'authentification TLS, à l'accès au réseau ou à une autre extension via

• Extensions Chrome

Nouveautés de Chrome 133

Chrome 133 est en cours de déploiement ! De nouvelles fonctionnalités CSS intéressantes et bien d'autres sont à découvrir.

• Chrome

Chrome 133

CSS advanced attr(), text-box-trim, scroll-state container queries, and more.

• Chrome

Mode d'application par onglets pour les PWA

Le mode d'application par onglets permet aux développeurs de progressive web apps d'ajouter une interface de document à onglets à leurs PWA autonomes.

Renforcer l'engagement des utilisateurs grâce à l'historique spécifique à l'application dans les onglets personnalisés Chrome

Présentation de l'historique spécifique à l'application pour les onglets personnalisés Chrome sur Android

• Chrome

Améliorer la confidentialité des utilisateurs sur le Web grâce aux onglets personnalisés éphémères

Utiliser des onglets personnalisés éphémères dans votre application Android

Simplifier l'authentification à l'aide de l'onglet "Authentification"

Utiliser l'onglet Auth spécialisé dans votre application Android

Améliorer l'expérience de navigation de vos utilisateurs avec l'historique spécifique à l'application

Utiliser l'historique spécifique à l'application dans votre application Android

Améliorer votre flux de connexion Web avec l'onglet Auth pour Android

Améliorer l'authentification basée sur le Web avec l'onglet Authentification pour Android

• Chrome

chrome.permissions

Utilisez l'API chrome.permissions pour demander les autorisations facultatives déclarées au moment de l'exécution plutôt qu'au moment de l'installation. Les utilisateurs comprendront ainsi pourquoi ces autorisations sont nécessaires et n'accorderont

• Extensions Chrome

chrome.permissions

Utilisez l'API chrome.permissions pour demander les autorisations facultatives déclarées au moment de l'exécution plutôt qu'au moment de l'installation. Les utilisateurs comprendront ainsi pourquoi ces autorisations sont nécessaires et n'accorderont

• Extensions Chrome

chrome.runtime

Utilisez l'API chrome.runtime pour récupérer le service worker, renvoyer des informations sur le fichier manifeste, et écouter et répondre aux événements du cycle de vie de l'extension. Vous pouvez également utiliser cette API pour convertir le

• Extensions Chrome

Nouveautés des outils pour les développeurs, Chrome 133

Historique de chat persistant avec l'IA, meilleure navigation, possibilité d'ignorer une fiche et traces de pile dans "Performances", nouveau panneau "Nouveautés" et plus encore.

• Outils pour les développeurs Chrome
• Chrome

Nouveautés de WebGPU (Chrome 133)

Des formats de sommets unorm8x4-bgra et à un composant supplémentaires permettent de demander des limites inconnues avec une valeur non définie, de modifier les règles d'alignement WGSL, de gagner en performances WGSL avec l'abandon, et bien plus encore.

• Chrome
• WebGPU

Nouveautés dans les extensions Chrome, janvier 2025

Présentation des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extensions à venir qui devraient intéresser les développeurs.

• Chrome
• Extensions Chrome

Bonnes pratiques de gestion des sessions avec l'API Prompt

Ce guide présente les bonnes pratiques de gestion des sessions avec l'API Prompt.

Notes de version

En savoir plus sur les modifications apportées à Chrome qui affectent les développeurs

• Chrome

Nouveautés de Chrome

Nouveautés de Chrome Découvrez les dernières mises à jour de Chrome dans notre documentation et sur notre blog. Nouveaux contenus et mises à jour importantes de la documentation. article Comment les LLM diffusent-ils des réponses? Nouvelle

Mises à jour des règles du Chrome Web Store: assurer la clarté et la cohérence pour les développeurs

Nous annonçons une série de mises à jour de nos règles visant à apporter plus de clarté et de cohérence sur notre plate-forme.

• Extensions Chrome
• Chrome

Simplifier la détection des fonctionnalités WebAuthn pour les clés d'accès

Découvrez comment détecter les fonctionnalités WebAuthn avec "getClientCapabilities()" et adapter les workflows d'authentification à vos utilisateurs.

• Clés d'accès
• Chrome

Comment les LLM diffusent-ils des réponses ?

Découvrez ce qu'est le streaming et comment il fonctionne avec l'IA et les LLM.

Bonnes pratiques pour afficher les réponses LLM en streaming

Suivez ces bonnes pratiques pour le frontend afin d'afficher les réponses en streaming de Gemini avec des API compatibles avec le streaming, comme l'API Prompt.

Traduction avec IA intégrée

L'API Translator intégrée vous permet de traduire un contenu arbitraire d'une langue source vers une langue cible. Participez à la phase d'évaluation de l'API pour la tester.

Figement en mode Économiseur d'énergie

À partir de Chrome 133, les onglets en arrière-plan éligibles qui utilisent beaucoup de ressources processeur seront figés lorsque le mode Économiseur d'énergie est activé.

• Chrome

Astuces pour les outils de développement

Astuces pour les outils de développement

• Outils pour les développeurs Chrome

Contenus multimédias

Améliorez la façon dont vous incluez des images, des vidéos et plus encore sur vos sites Web et applications.

Les clés d'accès du Gestionnaire de mots de passe de Google sont désormais disponibles sur iOS

Chrome sur iOS 17 ou version ultérieure peut désormais créer, synchroniser et s'authentifier à l'aide de clés d'accès dans le Gestionnaire de mots de passe de Google (GPM). Les clés d'accès sur GPM sont ainsi disponibles partout où Chrome l'est.

• Clés d'accès
• Chrome

Mise à niveau de la fonction CSS attr()

Vous pouvez désormais utiliser attr() avec n'importe quelle propriété CSS, y compris les propriétés personnalisées. Il peut analyser les valeurs en types de données autres que des chaînes.

• Chrome

CSS scroll-state()

Comme les requêtes de conteneur, mais pour les requêtes bloquées, figées et débordantes.

• Chrome

Version bêta de Chrome 133

Découvrez les dernières fonctionnalités de Chrome.

• Chrome

Nouveautés de Chrome 132

Chrome 132 est en cours de déploiement ! L'élément "Dialog" reçoit un événement ToggleEvent, le partage vidéo est pris en charge au niveau de l'élément, et l'API File System Access est compatible avec Android et les WebViews.

• Chrome

Chrome 132

ToggleEvent pour la boîte de dialogue, prise en charge du partage vidéo au niveau des éléments, compatibilité de l'API File System Access avec Android et WebViews, etc.

• Chrome

CSS text-box-trim

Récupérez l'espace au-dessus et en dessous de votre contenu textuel pour obtenir un équilibre visuel.

• Chrome

Comment nous avons intégré Gemini aux outils pour les développeurs Chrome

Découvrez des cas d'utilisation amusants et intéressants du nouveau panneau d'assistance IA dans les outils de développement.

• Chrome
• Outils pour les développeurs Chrome

chrome.sockets.udp

Utilisez l'API chrome.sockets.udp pour envoyer et recevoir des données sur le réseau à l'aide de connexions UDP. Cette API remplace la fonctionnalité UDP précédemment disponible dans l'API "socket". Pour utiliser cette API, vous devez déclarer les

chrome.tabs

Utilisez l'API chrome.tabs pour interagir avec le système d'onglets du navigateur. Vous pouvez utiliser cette API pour créer, modifier et réorganiser les onglets dans le navigateur. L'API Tabs propose non seulement des fonctionnalités permettant de

• Extensions Chrome

chrome.tabs

Utilisez l'API chrome.tabs pour interagir avec le système d'onglets du navigateur. Vous pouvez utiliser cette API pour créer, modifier et réorganiser les onglets dans le navigateur. L'API Tabs propose non seulement des fonctionnalités permettant de

• Extensions Chrome

Lauréats du Built-in AI Challenge

Découvrez les applications et les extensions gagnantes du défi IA intégrée, qui vous a invité à imaginer de nouvelles possibilités avec Gemini Nano dans Chrome.

• Chrome

Fin de la prise en charge de l'extension Web Vitals

La fusion de l'extension Web Vitals et des outils de développement est terminée, et l'extension n'est plus prise en charge.

• Outils pour les développeurs Chrome
• Chrome

Capturer un flux vidéo à partir de n'importe quel élément

L'API Element Capture est un moyen performant et robuste de transformer une capture de l'onglet actif en capture d'une sous-arborescence DOM.

chrome.ttsEngine

Utilisez l'API chrome.ttsEngine pour implémenter un moteur de synthèse vocale à l'aide d'une extension. Si votre extension s'enregistre à l'aide de cette API, elle recevra des événements contenant une expression à prononcer et d'autres paramètres

• Extensions Chrome

chrome.ttsEngine

Utilisez l'API chrome.ttsEngine pour implémenter un moteur de synthèse vocale à l'aide d'une extension. Si votre extension s'enregistre à l'aide de cette API, elle recevra des événements contenant une expression à prononcer et d'autres paramètres

• Extensions Chrome

chrome.cookies

Utilisez l'API chrome.cookies pour interroger et modifier les cookies, et pour être averti lorsqu'ils changent. Pour utiliser l'API Cookies, vous devez déclarer l'autorisation "cookies" dans votre fichier manifeste, ainsi que les autorisations d'hôte

• Extensions Chrome

chrome.cookies

Utilisez l'API chrome.cookies pour interroger et modifier les cookies, et pour être averti lorsqu'ils changent. Pour utiliser l'API Cookies, déclarez l'autorisation "cookies" dans votre fichier manifeste, ainsi que les autorisations d'hôte pour tous

• Extensions Chrome

chrome.appviewTag

Utilisez la balise appview pour intégrer d'autres applications Chrome dans votre application Chrome (voir la section Utilisation ). objet Données facultatives spécifiées par le développeur que l'application à intégrer peut utiliser pour prendre une

Atténuer le hameçonnage de clics avec XFO ou CSP

En savoir plus sur la réduction des attaques par hameçonnage de clics

Nouveautés de WebGPU (Chrome 132)

Utilisation de la vue de texture, mélange de textures à virgule flottante 32 bits, attribut adapterInfo GPUDevice, configuration du contexte de canevas avec un format non valide qui génère une erreur JavaScript, filtrage des restrictions d'échantillonneur sur les textures, test étendu des sous-groupes, amélioration de l'expérience pour les développeurs, prise en charge expérimentale des formats de texture normalisés 16 bits, etc.

• Chrome
• WebGPU

Nouveautés des extensions Chrome

Modifications récentes apportées à la plate-forme, à la documentation et aux règles des extensions Chrome

• Extensions Chrome

WebGPU

Découvrez WebGPU grâce à des guides, des démonstrations et les dernières actualités

Compiler avec Chrome

Découvrez ce qui est inclus dans les dernières versions stables et bêta de Chrome.

Paiements

Découvrez comment utiliser les dernières API de paiement dans Chrome

Confidentialité et sécurité

Découvrez les fonctionnalités de confidentialité et de sécurité de Chrome.

Applis

Abandon d'une technologie permettant de créer des expériences qui avaient plus d'accès au système d'exploitation sous-jacent.

Marionnettiste

Bibliothèque Node.js fournissant une API de haut niveau pour contrôler sans interface graphique Chrome ou Chromium

Web sur Android

Découvrez les fonctionnalités de Chrome permettant de développer des applications Web sur Android.

chrome.certificateProvider

Utilisez cette API pour divulguer les certificats sur la plate-forme qui peut les utiliser pour les authentifications TLS. Pour exposer des certificats client à ChromeOS à l'aide de cette API, procédez comme suit: La séquence réelle des étapes peut

• Extensions Chrome

chrome.extension

L'API chrome.extension dispose d'utilitaires pouvant être utilisés par n'importe quelle page d'extension. Il permet d'échanger des messages entre une extension et ses scripts de contenu ou entre des extensions, comme décrit en détail dans la section

• Extensions Chrome

Phare

Automatiser les audits de performances Web avec Lighthouse

Performance

Optimisez les performances de vos applications Web grâce aux outils d'optimisation des performances de Chrome.

chrome.system.display

Utilisez l'API system.display pour interroger les métadonnées d'affichage. Énumération permettant de savoir si l'écran est détecté et utilisé par le système. L'écran est considéré comme "inactif" s'il n'est pas détecté par le système (il est

• Extensions Chrome

chrome.system.display

Utilisez l'API system.display pour interroger les métadonnées d'affichage. Énumération permettant de savoir si l'écran est détecté et utilisé par le système. L'écran est considéré comme "inactif" s'il n'est pas détecté par le système (il est

• Extensions Chrome

chrome.action

Utilisez l'API chrome.action pour contrôler l'icône de l'extension dans la barre d'outils Google Chrome. Pour utiliser cette API, vous devez déclarer les clés suivantes dans le fichier manifeste. Pour utiliser l'API chrome.action, spécifiez un

• Extensions Chrome

Prise en charge des navigateurs

Présentation des fonctionnalités des onglets personnalisés et de la disponibilité de leur navigateur.

Identité

Découvrez les fonctionnalités Chrome dédiées aux identités, telles que l'authentification Web.

chrome.commands

Utilisez l'API Commands pour ajouter des raccourcis clavier qui déclenchent des actions dans votre extension, par exemple une action pour ouvrir l'action du navigateur ou envoyer une commande à l'extension. Pour utiliser cette API, vous devez

• Extensions Chrome

Opération non disponible lors du débogage à distance

Certaines commandes WebDriver (par exemple, le redimensionnement de la fenêtre du navigateur) nécessitent le chargement d'une extension Chrome dans le navigateur. ChromeDriver charge normalement cette "extension d'automatisation" à chaque lancement

ChromeOS

Le binaire ChromeDriver est installé dans /usr/local/chromedriver/ pour toutes les images de test ChromeOS. Le binaire est mis à jour vers la même version de Chrome dans cette image de test. Autrement dit, vous utilisez toujours la dernière version

Présentation de WebView

Le composant WebView est basé sur le projet Open Source Chromium.

chrome.certificateProvider

Utilisez cette API pour divulguer les certificats sur la plate-forme qui peut les utiliser pour les authentifications TLS. Pour exposer des certificats client à ChromeOS à l'aide de cette API, procédez comme suit: La séquence réelle des étapes peut

• Extensions Chrome

chrome.extension

L'API chrome.extension dispose d'utilitaires pouvant être utilisés par n'importe quelle page d'extension. Il permet d'échanger des messages entre une extension et ses scripts de contenu ou entre des extensions, comme décrit en détail dans la section

• Extensions Chrome

Journal des performances

ChromeDriver est compatible avec la journalisation des performances, à partir de laquelle vous pouvez obtenir des événements des domaines "Chronologie", "Réseau" et "Page", ainsi que des données de trace pour les catégories de trace spécifiées. La

Plantages de ChromeDriver

Plusieurs options s'offrent à vous pour diagnostiquer et corriger les plantages de ChromeDriver. Cela ne concerne que les plantages de ChromeDriver, qui ne sont pas les mêmes que les plantages ou les fermetures de Chrome. Sous Windows, un message

Téléchargements

Pour les versions antérieures de Chrome, voici les versions de ChromeDriver compatibles. Pour en savoir plus sur la sélection de la bonne version de ChromeDriver, consultez la page Sélection de la version. Compatible avec la version 114 de Chrome

Chrome ne démarre pas ou plante immédiatement

Cela se produit souvent lorsque vous exécutez ChromeDriver ou Chrome à l'aide d'un harnais de test spécial (peut-être un IDE) ou d'un système de compilation continue (tel que Jenkins). Essayez de lancer le même binaire Chrome que votre test à partir

Émulation mobile

Chrome permet aux utilisateurs d'émuler Chrome sur un appareil mobile à partir de la version pour ordinateur de bureau de Chrome en activant le mode appareil avec les outils pour les développeurs Chrome. Cette fonctionnalité accélère le développement

Compatibilité avec le clavier

Pour le moment, ChromeDriver n'est compatible qu'avec les systèmes sur lesquels un clavier américain est configuré. Lorsque ChromeDriver détecte cet état, il consigne les éléments suivants: Les utilisateurs qui ne disposent pas d'un clavier américain

Android

Les derniers binaires pour ChromeDriver sont empaquetés sous forme de fichiers ZIP pour différentes plates-formes hôtes. Les versions antérieures de ChromeDriver se trouvent dans Téléchargements. ChromeDriver permet d'exécuter des tests sur le

Canary

ChromeDriver Canary contient les dernières fonctionnalités de ChromeDriver. De nouveaux binaires sont créés et mis à disposition plusieurs fois par jour. Sachez qu'il est conçu pour les développeurs et les utilisateurs de la première heure, et qu'il

Points à noter concernant la sécurité

ChromeDriver est un outil puissant qui peut causer des dommages s'il tombe entre de mauvaises mains. Lorsque vous utilisez ChromeDriver, suivez ces suggestions:

La saisie automatique en action: insights concrets

Une étude Chrome montre que les utilisateurs de la saisie automatique remplissent les formulaires plus rapidement, avec des taux d'abandon plus faibles.

• Chrome

Résultats du formulaire personnalisable de demande de commentaires des développeurs

Merci de nous avoir accordé du temps, de nous avoir fait part de vos commentaires, d'avoir examiné les détails et d'avoir contribué à définir les normes.

• Chrome

Premiers pas avec 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.

Détection de la langue avec l'IA intégrée

L'API Language Detector permet une détection intégrée des langues sur le Web, dans votre navigateur.

Utiliser l'outil de chronologie des allocations

Utilisez l'outil "Chronologie d'allocation" pour trouver les objets qui ne sont pas correctement collectés et qui continuent de conserver de la mémoire.

• Outils pour les développeurs Chrome

Éviter les animations non composées

Comment réussir l'audit Lighthouse pour éviter les animations non composées ?

Nouveautés des outils pour les développeurs, Chrome 132

Déboguer les requêtes réseau, les fichiers sources et les traces de performances avec Gemini, consulter l'historique des discussions avec l'IA et plus encore

• Chrome
• Outils pour les développeurs Chrome

Rétrospective CSS 2024

Rejoignez l'équipe Chrome DevRel et un dinosaure Chrome à roulettes pour découvrir le dernier CSS lancé pour Chrome et la plate-forme Web en 2024.

Terminologie liée à la mémoire

Cette section décrit les termes couramment utilisés dans l'analyse de la mémoire et s'applique à divers outils de profilage de mémoire pour différents langages.

• Outils pour les développeurs Chrome

Enregistrer et analyser une trace de performances avec les outils de développement

Enregistrez et analysez une trace de performances avec les outils de développement.

• Chrome
• Outils pour les développeurs Chrome

Afficher et modifier l'espace de stockage des extensions

Afficher et modifier l'espace de stockage des extensions à l'aide du panneau "Espace de stockage des extensions"

• Outils pour les développeurs Chrome

chrome.bluetoothSocket

Utilisez l'API chrome.bluetoothSocket pour envoyer et recevoir des données vers des appareils Bluetooth à l'aide de connexions RFCOMM et L2CAP. Pour utiliser cette API, vous devez déclarer les clés suivantes dans le fichier manifeste. "system_error"

chrome.mdns

Utilisez l'API chrome.mdns pour découvrir des services via mDNS. Il s'agit d'un sous-ensemble des fonctionnalités de la spécification NSD: http://www.w3.org/TR/discovery-api/ chaîne Adresse IP d'un service annoncé par mDNS. chaîne[] Métadonnées d'un

chrome.syncFileSystem

Utilisez l'API chrome.syncFileSystem pour enregistrer et synchroniser des données dans Google Drive. Cette API n'est PAS destinée à accéder à des documents utilisateur arbitraires stockés dans Google Drive. Il fournit un espace de stockage

chrome.socket

Utilisez l'API chrome.socket pour envoyer et recevoir des données sur le réseau à l'aide de connexions TCP et UDP. Remarque:À partir de Chrome 33, cette API est abandonnée au profit des API sockets.udp, sockets.tcp et sockets.tcpServer. Nombre number

chrome.browser

Utilisez l'API chrome.browser pour interagir avec le navigateur Chrome associé à l'application et au profil Chrome actuels. chaîne URL à laquelle accéder lorsque le nouvel onglet est ouvert pour la première fois. Ouvre un nouvel onglet dans une

chrome.usb

Utilisez l'API chrome.usb pour interagir avec les appareils USB connectés. Cette API permet d'accéder aux opérations USB dans le contexte d'une application. Grâce à cette API, les applications peuvent fonctionner comme pilotes pour les appareils

chrome.bluetooth

Utilisez l'API chrome.bluetooth pour vous connecter à un appareil Bluetooth. Toutes les fonctions signalent les échecs via chrome.runtime.lastError. Pour utiliser cette API, vous devez déclarer les clés suivantes dans le fichier manifeste. chaîne

chrome.bluetoothLowEnergy

L'API chrome.bluetoothLowEnergy permet de communiquer avec les appareils Bluetooth Smart (basse consommation) à l'aide du profil d'attribut générique (GATT). Pour utiliser cette API, vous devez déclarer les clés suivantes dans le fichier manifeste.

chrome.serial

Utilisez l'API chrome.serial pour lire et écrire sur un appareil connecté à un port série. number facultatif Consultez les ConnectionOptions.bitrate. Ce champ peut être omis ou inexact si un débit non standard est utilisé ou si une erreur s'est

chrome.webviewTag

Utilisez la balise webview pour charger activement du contenu en direct à partir du Web sur le réseau et l'intégrer dans votre application Chrome. Votre application peut contrôler l'apparence de webview et interagir avec le contenu Web, lancer des

chrome.fontSettings

Utilisez l'API chrome.fontSettings pour gérer les paramètres de police de Chrome. Pour utiliser l'API Font Settings, vous devez déclarer l'autorisation "fontSettings" dans le fichier manifeste de l'extension. Exemple: Chrome permet à certains

• Extensions Chrome

API Prompt

Découvrez les possibilités infinies de l'API Prompt dans les extensions Chrome.

Extensions et IA

Découvrez comment développer des extensions avec l'IA.

• Extensions Chrome

Utiliser une règle HSTS stricte

Découvrez comment configurer une règle HSTS (HTTP Strict Transport Security) stricte.

Abandon du panneau "Informations sur les performances"

Le panneau "Informations sur les performances" expérimental sera supprimé en janvier 2025 et remplacé par de nouvelles insights dans le panneau "Performances".

• Chrome
• Outils pour les développeurs Chrome

Chrome DevTools

Découvrez les dernières actualités et les cas d'utilisation de l'assistance IA.

• Outils pour les développeurs Chrome

chrome.desktopCapture

L'API Desktop Capture capture le contenu de l'écran, de fenêtres individuelles ou d'onglets individuels. Enum utilisé pour définir l'ensemble de sources multimédias pour ordinateur utilisé dans chooseDesktopMedia(). "screen" "window" "tab" "audio"

• Extensions Chrome

chrome.documentScan

Utilisez l'API chrome.documentScan pour découvrir et récupérer des images dans les scanners de documents connectés.

• Extensions Chrome

chrome.dns

Utilisez l'API chrome.dns pour la résolution DNS. Pour utiliser cette API, vous devez déclarer l'autorisation "dns" dans le manifest. Le code suivant appelle resolve() pour récupérer l'adresse IP de example.com. service-worker.js: chaîne facultatif

• Extensions Chrome

chrome.declarativeContent

Utilisez l'API chrome.declarativeContent pour effectuer des actions en fonction du contenu d'une page, sans avoir besoin d'autorisation pour lire le contenu de la page. L'API Content Declarative vous permet d'activer l'action de votre extension en

• Extensions Chrome

chrome.system.storage

Utilisez l'API chrome.system.storage pour interroger les informations sur les appareils de stockage et être averti lorsqu'un appareil de stockage amovible est connecté ou déconnecté. "success" La commande d'éjection a réussi. L'application peut

• Extensions Chrome

chrome.alarms

Utilisez l'API chrome.alarms pour planifier l'exécution du code de manière périodique ou à une heure précise à l'avenir. Pour utiliser l'API chrome.alarms, déclarez l'autorisation "alarms" dans le manifest: Pour garantir un comportement fiable, il

• Extensions Chrome

chrome.contextMenus

Utilisez l'API chrome.contextMenus pour ajouter des éléments au menu contextuel de Google Chrome. Vous pouvez choisir les types d'objets auxquels les options ajoutées au menu contextuel s'appliquent, comme les images, les liens hypertextes et les

• Extensions Chrome

chrome.audio

L'API chrome.audio permet aux utilisateurs d'obtenir des informations sur les appareils audio connectés au système et de les contrôler. Cette API n'est actuellement disponible que en mode kiosque pour ChromeOS. chaîne Nom de l'appareil. DeviceType

• Extensions Chrome

Saisie automatique

Les navigateurs et vous, en tant que développeur, pouvez aider les utilisateurs à saisir des données plus rapidement et à éviter de les saisir à nouveau. La saisie automatique permet aux navigateurs de remplir automatiquement les champs de formulaire

Outils CrUX

Documentation technique sur les outils CrUX.

• Rapport d'expérience utilisateur Chrome

chrome.declarativeNetRequest

L'API chrome.declarativeNetRequest permet de bloquer ou de modifier les requêtes réseau en spécifiant des règles déclaratives. Les extensions peuvent ainsi modifier les requêtes réseau sans les intercepter ni en afficher le contenu, ce qui renforce

• Extensions Chrome

chrome.devtools.panels

Utilisez l'API chrome.devtools.panels pour intégrer votre extension à l'interface utilisateur de la fenêtre des outils pour les développeurs: créez vos propres panneaux, accédez à des panneaux existants et ajoutez des barres latérales. Chaque panneau

• Extensions Chrome

chrome.fileBrowserHandler

Utilise l'API chrome.fileBrowserHandler pour étendre l'explorateur de fichiers Chrome OS. Par exemple, vous pouvez vous en servir pour autoriser les utilisateurs à importer des fichiers sur votre site Web. Le navigateur de fichiers ChromeOS s'affiche

• Extensions Chrome

chrome.readingList

Utilisez l'API chrome.readingList pour lire et modifier les éléments de la liste de lecture. Pour utiliser l'API Reading List, ajoutez l'autorisation "readingList" dans le fichier manifeste de l'extension: manifest.json: Chrome comporte une liste de

• Extensions Chrome

L'accessibilité des vidéos remporte le prix Web du concours pour les développeurs sur l'API Gemini

Nous avons sélectionné ViddyScribe pour le prix Web du concours pour les développeurs sur l'API Gemini. Il a expliqué comment Gemini peut contribuer à rendre les vidéos sur le Web plus accessibles en générant des descriptions audio pour n'importe quelle vidéo.

• Chrome

Étapes suivantes pour WebGPU

Découvrez les nouvelles fonctionnalités d'IA et de rendu abordées lors de la dernière réunion du groupe de travail GPU for the Web.

• Chrome
• WebGPU

Préparez votre extension alors que nous commençons à tester un nouveau menu d'extensions

Préparer votre extension pour le nouveau menu des extensions

• Extensions Chrome
• Chrome

Clés d'accès

Un remplacement plus simple et plus sûr pour les mots de passe.

chrome.networking.onc

L'API chrome.networking.onc permet de configurer les connexions réseau (mobile, Ethernet, VPN ou Wi-Fi). Cette API est disponible dans les sessions de kiosque Chrome OS lancées automatiquement. Les configurations de connexion réseau sont spécifiées

Traduction côté client avec l'IA

Découvrez l'API Translator pour un service client à l'international.

API Signal pour les clés d'accès sur Chrome pour ordinateur

Présentation de l'API Signal pour les clés d'accès sur Chrome pour ordinateur

• Clés d'accès
• Chrome

Annoter des traces directement dans le panneau "Performances"

Découvrez comment rendre les traces de performances plus compréhensibles grâce aux nouvelles fonctionnalités d'annotation dans les outils de développement.

• Chrome

Assistance IA pour le réseau

Comprendre le trafic réseau de votre site Web grâce à l'IA

• Outils pour les développeurs Chrome

Assistance IA pour les sources

Comprendre les ressources de votre site Web grâce à l'IA

• Outils pour les développeurs Chrome

Panneau d'assistance IA

Comprendre le fonctionnement d'un site Web à l'aide de l'IA

• Outils pour les développeurs Chrome

Participer à la phase d'évaluation de l'API Translator

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.

• Chrome

Assistance IA pour les performances

Comprendre les profils de performances grâce à l'IA

• Outils pour les développeurs Chrome

IA intégrée

L'IA intégrée est la dernière offre qui permet de proposer des modèles puissants aux utilisateurs, tout en protégeant les données sensibles et en améliorant la latence.

Version bêta de Chrome 132

Découvrez les dernières fonctionnalités de Chrome.

• Chrome

Assurer la cohérence des clés d'accès avec les identifiants sur votre serveur avec l'API Signal

L'API WebAuthn Signal permet à une partie de confiance de signaler l'état des identifiants existants au fournisseur de clés d'accès afin que les clés d'accès soient cohérentes avec les identifiants sur le serveur.

• Chrome
• Clés d'accès

Rejoindre la phase d'évaluation des extensions Chrome de l'API Prompt

Participez à la phase d'évaluation de l'API Prompt pour les extensions Chrome et accédez à Gemini Nano dans Chrome.

• Chrome

Rejoindre la phase d'évaluation de l'API Summarizer

Participez à la phase d'évaluation pour aider les utilisateurs à synthétiser des articles longs, des documents complexes ou même des conversations par chat animées dans des résumés concis et pertinents.

• Chrome

Chrome 131

L'héritage de la mise en surbrillance CSS change, davantage de style CSS pour l'élément "Details" (Détails), une mise en page simplifiée avec des zones de marge de page, etc.

• Chrome

Nouveautés de Chrome 131

Chrome 131 est en cours de déploiement ! Plus de styles CSS pour l'élément "details", mise en page d'impression simplifiée avec des marges de page, et bien plus encore.

• Chrome

Résumer avec l'IA intégrée

Résumez de longs articles, des documents complexes ou même des conversations animées en chat en des résumés concis et pertinents.

CSS et UI

Trouvez des ressources sur des sujets tels que la typographie, la couleur et la mise en page.

Fichier manifeste – Bac à sable

Avertissement:À partir de la version 57, Chrome n'autorisera plus le contenu Web externe (y compris les frames et scripts intégrés) dans les pages en bac à sable. Veuillez utiliser une vue Web à la place. Définit une collection de pages d'application

Fichier manifeste des zones de stockage

Contrairement aux zones de stockage local et sync, la zone de stockage managed nécessite que sa structure soit déclarée comme schéma JSON et est strictement validée par Chrome. Ce schéma doit être stocké dans un fichier indiqué par la propriété

Fichier manifeste – Conditions requises

Technologies requises par l'application ou l'extension. Les sites d'hébergement tels que le Chrome Web Store peuvent utiliser cette liste pour dissuader les utilisateurs d'installer des applications ou des extensions qui ne fonctionneront pas sur

Premiers pas avec les phases d'évaluation

Testez une fonctionnalité nouvelle ou expérimentale d'une plate-forme Web. Faites part de vos commentaires à la communauté des normes Web sur la facilité d'utilisation, le caractère pratique et l'efficacité de cette fonctionnalité, avant qu'elle ne soit proposée à tous les utilisateurs.

Résoudre les problèmes de mémoire

Découvrez comment utiliser Chrome et les outils de développement pour détecter les problèmes de mémoire qui affectent les performances des pages, y compris les fuites de mémoire, les surcharges de mémoire et les récupérations de mémoire fréquentes.

• Outils pour les développeurs Chrome

Plus d'options de style <details>

Vous pouvez désormais définir le type d'affichage et styliser le conteneur pour la partie qui se développe et se réduit à l'aide du nouveau pseudo-élément ::details-content.

Nouveautés de WebGPU (Chrome 131)

Les distances de découpe dans WGSL, GPUCanvasContext getConfiguration(), les primitives de point et de ligne ne doivent pas avoir de biais de profondeur, les fonctions intégrées de balayage inclusif pour les sous-groupes, la prise en charge expérimentale de la multi-dessin indirecte, l'option de compilation du module de nuanceur de mathématiques strictes, la suppression de GPUAdapter requestAdapterInfo(), etc.

• Chrome
• WebGPU

Présentation du panneau "Mémoire"

Obtenez des insights détaillés sur l'allocation de mémoire, analysez les problèmes de mémoire de bas niveau et gérez la récupération de mémoire.

• Outils pour les développeurs Chrome

Aidez vos utilisateurs à se connecter facilement grâce au partage d'identifiants fluide

Le partage fluide des identifiants vous permet d'indiquer de manière sécurisée aux gestionnaires de mots de passe que vos utilisateurs peuvent se connecter à l'aide des mêmes identifiants sur votre application Android et votre site Web.

• Chrome

Personnaliser les Outils de développement

Liste des options de personnalisation des Outils pour les développeurs Chrome: modification du thème, de l'emplacement, de l'ordre des panneaux, de la langue, etc.

• Outils pour les développeurs Chrome

Documentation de référence sur les badges

Activez ou désactivez différentes superpositions et accélérez la navigation dans l'arborescence DOM grâce aux badges.

• Outils pour les développeurs Chrome

Surveiller les métriques Core Web Vitals en temps réel dans le panneau "Performances"

Surveillez les métriques Core Web Vitals en temps réel dans le panneau "Performances".

• Chrome
• Outils pour les développeurs Chrome

Reconnaître l'écriture manuscrite des utilisateurs

L'API Reconnaissance de l'écriture manuscrite permet aux applications Web d'utiliser des services avancés de reconnaissance de l'écriture manuscrite pour reconnaître en temps réel du texte à partir d'une entrée manuscrite.

Nouveautés des outils de développement, Chrome 131

Déboguez du code CSS avec Gemini, annotez les résultats et obtenez des insights dans le panneau "Performances", détectez les décalages de mise en page excessifs et les animations non composées, et plus encore.

• Chrome
• Outils pour les développeurs Chrome

Ajouter du contenu dans les marges des pages Web lors de l'impression à l'aide de CSS

Créez des en-têtes et des pieds de page personnalisés lorsque vous imprimez des pages Web.

• Chrome

WebGPU: conseils et solutions de dépannage

Découvrez pourquoi WebGPU est désactivé ou ne fonctionne pas dans le navigateur Chrome.

Analyser les performances de l'environnement d'exécution

Découvrez comment évaluer les performances d'exécution dans les outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

Suppression de --headless=old de Chrome

Chrome 132 n'inclut plus l'ancien mode headless. Migrez vers chrome-headless-shell ou le nouveau mode headless.

• Chrome

Nouveau badge de défilement dans les outils de développement: trouvez plus rapidement les éléments à faire défiler

Découvrez comment le nouveau badge de défilement de DevTools simplifie le débogage des éléments à faire défiler (et comment nous l'avons créé).

• Chrome

5 choses intéressantes à faire avec l'assistance IA des outils de développement

Découvrez des cas d'utilisation amusants et intéressants du nouveau panneau d'assistance IA dans les outils de développement.

• Chrome

Activer bfcache pour Cache-Control: no-store

Chrome modifie son comportement pour autoriser l'utilisation de bfcache pour les pages utilisant Cache-Control: no-store lorsque cela est possible. Découvrez ce que cela signifie pour les développeurs.

Mode headless de Chrome

Le mode headless de Chrome est désormais plus utile pour les développeurs, car il se rapproche du mode "headless" standard de Chrome.

• Chromium

API d'IA intégrées

L'IA intégrée est la dernière offre qui permet de proposer des modèles puissants aux utilisateurs, tout en protégeant les données sensibles et en améliorant la latence.

Chrome 131 bêta

Découvrez les fonctionnalités qui seront bientôt disponibles dans Chrome avec la dernière version bêta.

• Chrome

Documentation de référence de l'API

Documentation de référence complète sur toutes les API disponibles pour les extensions Chrome. Cela inclut les API de la plate-forme d'applications Chrome, devenue obsolète, ainsi que les API encore en version bêta et en développement.

• Extensions Chrome

Chrome 130

Chrome 130 est en cours de déploiement. La fonctionnalité Picture-in-picture pour les documents vous permet de mieux contrôler les fenêtres Picture-in-picture, les déclarations imbriquées CSS corrigent certains cas difficiles, et vous pouvez spécifier le comportement des décorations sur les éléments répartis sur plusieurs lignes, et bien plus encore !

• Chrome

Nouveautés de Chrome 130

Le déploiement de Chrome 130 est en cours. Le mode Picture-in-picture pour les documents vous permet de mieux contrôler les fenêtres Picture-in-picture, les déclarations imbriquées CSS corrigent certains cas difficiles, et vous pouvez spécifier le comportement des décorations sur les éléments répartis sur plusieurs lignes. Pete LePage vous présente toutes les nouveautés de Chrome 130 pour les développeurs.

• Chrome

Aide à la mise en forme basée sur l'IA

Découvrez comment le style d'un site Web est créé à l'aide de l'IA dans les outils de développement.

• Outils pour les développeurs Chrome

Nouveautés de WebGPU (Chrome 130)

Mélange de deux sources, amélioration du temps de compilation des nuanceurs sur Metal, abandon de GPUAdapter requestAdapterInfo() et plus encore.

• Chrome
• WebGPU

chrome.virtualKeyboard

L'API chrome.virtualKeyboard est une API en mode kiosque utilisée uniquement pour configurer la disposition et le comportement du clavier virtuel dans les sessions kiosque. Booléen facultatif Indique si la saisie semi-automatique est compatible avec

chrome.clipboard

L'API chrome.clipboard permet aux utilisateurs d'accéder aux données du presse-papiers. Il s'agit d'une solution temporaire pour les applications de la plate-forme chromeos jusqu'à ce qu'une alternative Web ouverte soit disponible. Elle sera

Inspecter l'activité réseau

Ce tutoriel présente les fonctionnalités réseau les plus populaires dans les outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

Innovations en matière d'IA

Référence de l'onglet "Innovations en IA".

• Outils pour les développeurs Chrome

API Long Animation Frames

Découvrez l'API Long Animation Frames (LoAF), la prochaine itération de l'API Long Tasks et qui permet de mesurer les retards de mise à jour des frames grâce à l'attribution.

La propriété box-decoration-break dans Chrome 130

Chrome 130 est compatible avec la partie "box-decoration-break" complète et sans préfixe.

• Chrome

Actualités des extensions Chrome, octobre 2024

Présentation des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extensions à venir qui devraient intéresser les développeurs.

• Extensions Chrome
• Chrome

Native Client

Bac à sable permettant d'exécuter du code C et C++ compilé dans le navigateur. Cette fonctionnalité est obsolète.

Accès au réseau privé suspendu

Le déploiement de l'accès à un réseau privé (PNA) est suspendu.

• Chrome

Modifications de l'héritage pour le style de sélection CSS

Une modification de l'héritage des surlignages CSS est prévue dans Chrome 134.

• Chrome

L'API Translation est disponible en version preview anticipée

L'API Translation est désormais disponible pour les participants au programme en preview anticipé d'IA intégrée.

• Chrome

API CSS Anchor Positioning

Positionnez des éléments les uns par rapport aux autres à l'aide de l'API de positionnement des ancres.

Capturer les prédictions dans les outils pour les développeurs Chrome: pourquoi c'est difficile et comment les améliorer

Découvrez comment le débogueur des outils de développement prédit si une exception est interceptée.

• Chrome

Participez au défi sur l'IA intégrée de Google Chrome

Nous lançons le défi IA intégré, pour lequel nous vous invitons à réinventer le potentiel de Gemini Nano dans Chrome.

• Chrome

WebAuthn: émuler des authentificateurs

Émulez Google Authenticator et déboguez WebAuthn dans les outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

Documentation de référence sur les fonctionnalités

Référence complète des fonctionnalités du panneau "Enregistreur" des outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

Nouveautés des outils de développement, Chrome 130

Recommandations concernant les métriques en direct et les fils d'Ariane que vous pouvez parcourir dans le panneau "Performances", réinventer les filtres de réseau, les exportations HAR nettoyées et plus encore.

• Chrome
• Outils pour les développeurs Chrome

Recherche: rechercher du texte dans toutes les ressources chargées

Trouvez du texte dans toutes les ressources chargées à l'aide du panneau de recherche.

• Outils pour les développeurs Chrome

Amélioration de l'expérience mobile sur le tableau de bord du développeur Chrome Web Store

Nous sommes ravis de lancer un ensemble de modifications de l'interface utilisateur qui rendent le tableau de bord du développeur du Chrome Web Store plus responsif et plus adapté aux mobiles. Nous espérons que cette fonctionnalité vous permettra de

• Chrome
• Extensions Chrome

Présentation du panneau "Sources"

Consultez et modifiez des fichiers, créez des extraits, déboguez JavaScript et configurez des espaces de travail dans le panneau "Sources" des outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

Couverture: Trouver les fichiers JavaScript et CSS inutilisés

Trouver et analyser le code JavaScript et CSS inutilisé dans les outils pour les développeurs Chrome

• Outils pour les développeurs Chrome

Transitions d'affichage pour un même document dans les applications monopages

Commencez à utiliser des transitions d'affichage pour un même document dans votre application monopage.

La mise en cache démystifiée : inspecter, effacer et désactiver les caches

Inspecter et résoudre les problèmes liés au cache avec les outils de développement

• Outils pour les développeurs Chrome
• Chrome

Panneau Calques: explorer les calques de votre site Web

Inspectez les calques qui composent votre site Web.

• Outils pour les développeurs Chrome

L'extension Web Vitals est désormais disponible dans DevTools

L'extension Web Vitals sera fusionnée avec le panneau "Performances" de Chrome DevTools. La prise en charge autonome prendra fin en janvier 2025.

• Chrome
• Outils pour les développeurs Chrome

Présentation de la console

La console des outils pour les développeurs Chrome est principalement utilisée pour consigner les messages et exécuter JavaScript.

• Outils pour les développeurs Chrome

Identifier de manière unique les PWA avec la propriété d'ID du fichier manifeste d'application Web

La propriété facultative "id" fait partie des spécifications du fichier manifeste de l'application Web et vous permet de définir explicitement l'identifiant utilisé pour votre PWA. L'ajout de la propriété "id" au fichier manifeste supprime la dépendance à "start_url" ou à l'emplacement du fichier manifeste, et permet leur mise à jour ultérieure.

Comment définir la mise en page en maçonnerie CSS ?

Comparaison des deux caractéristiques de maçonnerie proposées.

• Chrome

Chrome pour synchroniser les clés d'accès sur le Gestionnaire de mots de passe de Google entre l'ordinateur de bureau et Android

Chrome sur ordinateur pourra bientôt créer des clés d'accès dans le Gestionnaire de mots de passe de Google (GPM) et les synchroniser sur ces plates-formes, en plus d'Android.

• Clés d'accès
• Chrome

API Writer et rewriter disponibles en preview anticipé

Les participants à l'EPP peuvent désormais créer des prototypes avec les API d'écriture et de réécriture dans Chrome.

• Chrome

Version bêta de Chrome 130

Testez les fonctionnalités et les modifications de votre site dans la dernière version bêta de Chrome.

• Chrome

Chrome Testing: partage de processus

Test du partage de processus et impact sur l'expérience des développeurs dans les outils pour les développeurs Chrome

• Chrome

Surveiller les performances Core Web Vitals locales et réelles dans DevTools

Le panneau "Performances" des outils pour les développeurs Chrome offre une nouvelle façon de surveiller les métriques Core Web Vitals locales et de les comparer à des données réelles d'utilisateurs du terrain.

• Outils pour les développeurs Chrome
• Chrome

Animer avec height: auto; (et d'autres mots clés de dimensionnement intrinsèque) en CSS

Animer des mots clés de dimensionnement intrinsèque à partir de et vers "interpolate-size" et "calc-size()"

Panneau "Performances" : analysez les performances de votre site Web

Analyser la charge de chargement et les performances d'exécution de votre site Web

• Outils pour les développeurs Chrome

Nouveautés de WebGPU (Chrome 129)

Compatibilité HDR avec le mode Canevas, la compatibilité avec les sous-groupes étendus et plus encore.

• Chrome
• WebGPU

Nouveautés de Chrome 129

Le déploiement de Chrome 129 est en cours. Vous pouvez céder pour les longues tâches : pour améliorer les performances, vous pouvez animer des éléments avec des tailles intrinsèques, la syntaxe de positionnement des ancres a été modifiée, et bien d'autres sont disponibles. Pete LePage vous présente toutes les nouveautés de Chrome 129 pour les développeurs.

• Chrome

Mises à jour Bluetooth RFCOMM dans WebSerial

Découvrez comment détecter quand un port série RFCOMM Bluetooth est disponible avec Web Serial.

• Chrome

Demande de commentaires de développeur: option personnalisable

Découvrez en avant-première la nouvelle fonctionnalité de sélection personnalisable.

• Chrome

Figer l'écran inspecter les éléments qui disparaissent

Gèlez les éléments du DOM pour pouvoir les inspecter avec les outils pour les développeurs.

• Outils pour les développeurs Chrome
• Chrome

Les API Keyboard Lock et Pointer Lock nécessitent l'autorisation de Chrome 131

L' API Keyboard Lock permet aux développeurs de proposer une expérience immersive en plein écran pour divers cas d'utilisation, y compris les sites Web interactifs, les jeux, le streaming de bureau à distance ou d'applications. Pour ce faire, il

• Chrome

Picture-in-picture pour tous les éléments, pas uniquement les <vidéos>

Afficher du contenu HTML arbitraire dans une fenêtre toujours au premier plan

Notes de version

Détails sur les dernières modifications apportées à l'ensemble de données CrUX.

• Rapport d'expérience utilisateur Chrome

Fichier manifeste – Modules Nacl

Un ou plusieurs mappages entre les types MIME et le module Native Client qui gère chaque type Pour exemple, le code en gras de l'extrait suivant enregistre un module Native Client en tant que contenu du type MIME de la feuille de calcul OpenOffice.

externally_connectable

La propriété du fichier manifeste externally_connectable déclare les extensions, les applications et les pages Web qui peuvent connectez-vous à votre application via runtime.connect et runtime.sendMessage. Pour accéder à un tutoriel sur la

Fichier manifeste – Icônes

Une ou plusieurs icônes représentant l'extension, l'application ou le thème. Vous devez toujours indiquer une taille de 128 x 128 icône; il est utilisé lors de l'installation et par le Chrome Web Store. Les extensions doivent également fournir Icône

Version du fichier manifeste

Un entier spécifiant la version du format de fichier manifeste requise par votre package. À partir de Chrome 18, les développeurs devraient spécifier 2 (sans guillemets) pour utiliser le format tel que décrit par cette document: Considérez la version

Outil d'inspection de mémoire: inspectez ArrayBuffer, TypedArray, DataView et la mémoire Wasm.

Utilisez l'inspecteur de mémoire pour inspecter un objet ArrayBuffer, TypedArray ou DataView dans JavaScript, ainsi que WebAssembly.Memory des applications Wasm C.

• Outils pour les développeurs Chrome

Modifications: suivez vos modifications HTML, CSS et JavaScript

Suivez les modifications apportées au code HTML, CSS et JavaScript.

• Outils pour les développeurs Chrome

Modifications de la syntaxe de positionnement de l'ancre

Modifications liées à l'API de positionnement des ancres dont vous devez tenir compte.

• Chrome

Présentation de la phase d'évaluation de l'API Digital Credentials

Une phase d'évaluation pour l'API Digital Credentials commence à partir de Chrome 128. L'API Digital Credentials est une nouvelle API de plate-forme Web qui permet aux sites Web de demander de manière sélective des informations vérifiables sur l'utilisateur à l'aide d'identifiants numériques tels qu'un permis de conduire ou une carte nationale d'identité stockée dans un portefeuille numérique.

• Chrome

Activez le partage fluide des identifiants entre les sites Web dans Chrome

Si vous utilisez plusieurs domaines partageant le même backend de gestion de compte, Digital Asset Links vous permet désormais de partager facilement des identifiants entre eux. Les utilisateurs peuvent ainsi les enregistrer une seule fois et demander au gestionnaire de mots de passe Chrome de les suggérer sur tous les sites Web associés.

Commandes d'exécution dans le menu de commandes

Ce guide vous explique comment ouvrir le menu de commandes, exécuter des commandes, ouvrir des fichiers, afficher d'autres actions, etc.

• Outils pour les développeurs Chrome

Nouveautés des outils de développement, Chrome 129

Requêtes de recherche dans Performances > Réseau, utiliser les données de test dans les formulaires d'adresse avec la saisie automatique, exporter des données vers Puppeteer pour Firefox dans le panneau "Enregistreur", repérer d'un coup d'œil les problèmes de performances grâce aux observations du panneau "Performances", et plus encore.

• Outils pour les développeurs Chrome
• Chrome

Plate-forme Web

Découvrez le fonctionnement de Chrome, participez aux phases d'évaluation et utilisez Chrome où que vous soyez.

Présentation des optimisations, des requêtes d'origine associées et de la sérialisation JSON pour WebAuthn dans Chrome

WebAuthn sur Chrome peut désormais utiliser les indications, les requêtes d'origine associées et la sérialisation JSON

• Chrome

chrome.privacy

Utilisez l'API chrome.privacy pour contrôler l'utilisation des fonctionnalités Chrome susceptibles d'affecter la confidentialité des données de l'utilisateur. Cette API s'appuie sur le prototype ChromeSetting de l'API de type pour obtenir et définir

• Extensions Chrome

chrome.wallpaper

Utilisez l'API chrome.wallpaper pour modifier le fond d'écran ChromeOS. Vous devez déclarer le "fond d'écran" l'autorisation dans le fichier manifeste de l'application d'utiliser l'API Fond d'écran. Exemple: Par exemple, pour définir le fond d'écran

• Extensions Chrome

chrome.input.ime

Utilisez l'API chrome.input.ime afin d'implémenter un IME personnalisé pour Chrome OS. Votre extension pourra ainsi gérer les frappes au clavier, définir la composition et gérer la fenêtre candidate. Vous devez déclarer l'entrée autorisation dans le

• Extensions Chrome

chrome.scripting

Utilisez l'API chrome.scripting pour exécuter le script dans différents contextes. Pour utiliser l'API chrome.scripting, déclarez l'autorisation "scripting" dans le fichier manifeste, ainsi que les autorisations d'hôte pour les pages dans lesquelles

• Extensions Chrome

chrome.system.storage

Utilisez l'API chrome.system.storage pour interroger les informations sur les périphériques de stockage et recevoir une notification lorsqu'un périphérique de stockage amovible est connecté et déconnecté. "success" La commande d'exclusion a abouti:

• Extensions Chrome

chrome.webAuthenticationProxy

L'API chrome.webAuthenticationProxy permet aux logiciels de bureau à distance exécutés sur un hôte distant d'intercepter les requêtes de l'API Web Authentication (WebAuthn) afin de les gérer sur un client local. chaîne Le

• Extensions Chrome

chrome.devtools.performance

Utilisez l'API chrome.devtools.performance pour écouter les mises à jour de l'état de l'enregistrement dans le panneau "Performances" des outils de développement. Consultez le récapitulatif des API d'outils de développement pour obtenir une

• Extensions Chrome

chrome.enterprise.hardwarePlatform

Utilisez l'API chrome.enterprise.hardwarePlatform pour obtenir le fabricant et le modèle de la plate-forme matérielle sur laquelle le navigateur s'exécute. Remarque: Cette API n'est disponible que pour les extensions installées dans le cadre d'une

• Extensions Chrome

chrome.topSites

Utilisez l'API chrome.topSites pour accéder aux principaux sites (c'est-à-dire les sites les plus consultés) affichés sur la page "Nouvel onglet". Ils n'incluent pas les raccourcis personnalisés par l'utilisateur. Vous devez déclarer la propriété

• Extensions Chrome

chrome.enterprise.deviceAttributes

Utilisez l'API chrome.enterprise.deviceAttributes pour lire les attributs de l'appareil. Remarque: Cette API n'est disponible que pour les extensions installées d'office par une règle d'entreprise. Extrait l'emplacement indiqué par l'administrateur.

• Extensions Chrome

chrome.types

L'API chrome.types contient des déclarations de type pour Chrome. Le type ChromeSetting fournit un ensemble commun de fonctions ( get(), set() et clear() ) et un éditeur d'événements ( onChange ) pour les paramètres du navigateur Chrome. Les

• Extensions Chrome

chrome.tabCapture

Utilisez l'API chrome.tabCapture pour interagir avec les flux multimédias des onglets. L'API chrome.tabCapture vous permet d'accéder à un MediaStream contenant des vidéos et l'audio de l'onglet actuel. Elle ne peut être appelée qu'après que

• Extensions Chrome

chrome.vpnProvider

Utilisez l'API chrome.vpnProvider pour implémenter un client VPN. Voici une utilisation habituelle de chrome.vpnProvider: Créez des configurations VPN en appelant createConfig(). Une configuration VPN est une entrée persistante qui s'affiche dans

• Extensions Chrome

chrome.systemLog

Utilisez l'API chrome.systemLog pour enregistrer les journaux système Chrome des extensions. chaîne Ajoute un enregistrement de journal. MessageOptions Options de journalisation function facultatif Le paramètre callback se présente comme suit:

• Extensions Chrome

chrome.power

Utilisez l'API chrome.power pour ignorer les fonctionnalités de gestion de l'alimentation du système. Par défaut, les systèmes d'exploitation réduisent la luminosité de l'écran lorsque les utilisateurs sont inactifs et finissent par suspendre

• Extensions Chrome

chrome.system.memory

L'API chrome.system.memory Nombre Quantité de capacité disponible, en octets. Nombre Quantité totale de la capacité de mémoire physique, en octets. Obtenir des informations sur la mémoire physique function facultatif Le paramètre callback se présente

• Extensions Chrome

chrome.proxy

Utilisez l'API chrome.proxy pour gérer les paramètres proxy de Chrome. Cette API s'appuie sur le prototype ChromeSetting de l'API de type pour obtenir et définir la configuration du proxy. Vous devez déclarer le "proxy" autorisation d'utiliser les

• Extensions Chrome

chrome.enterprise.networkingAttributes

Utilisez l'API chrome.enterprise.networkingAttributes pour lire les informations sur votre réseau actuel. Remarque: Cette API n'est disponible que pour les extensions installées d'office par une règle d'entreprise. chaîne facultatif Adresse IPv4

• Extensions Chrome

chrome.devtools.recorder

Utilisez l'API chrome.devtools.recorder pour personnaliser le panneau "Enregistreur" dans les outils de développement. L'API devtools.recorder est une fonctionnalité en preview qui vous permet d'étendre le panneau Enregistreur dans les outils pour

• Extensions Chrome

chrome.processes

Utilisez l'API chrome.processes pour interagir avec les processus du navigateur. Nombre Partie du cache utilisée, en octets. Nombre Taille du cache, en octets. numéro facultatif Mesure la plus récente de l'utilisation du processeur par le processus,

• Extensions Chrome

chrome.system.cpu

Utilisez l'API system.cpu pour interroger les métadonnées du processeur. chaîne Nom de l'architecture des processeurs. chaîne[] Ensemble de codes de fonctionnalité indiquant certaines fonctionnalités du processeur. Les codes actuellement pris en

• Extensions Chrome

chrome.devtools.network

Utilisez l'API chrome.devtools.network pour récupérer les informations sur les requêtes réseau affichées par les outils de développement dans le panneau "Network". Les informations sur les requêtes réseau sont représentées au format HTTP Archive (

• Extensions Chrome

chrome.devtools.inspectedWindow

Utilisez l'API chrome.devtools.inspectedWindow pour interagir avec la fenêtre inspectée: obtenez l'ID de l'onglet de la page inspectée, évaluez le code dans le contexte de la fenêtre inspectée, actualisez la page ou obtenez la liste des ressources de

• Extensions Chrome

chrome.search

Utilisez l'API chrome.search pour effectuer une recherche via le fournisseur par défaut. "CURRENT_TAB" Spécifie que les résultats de recherche s'affichent dans l'onglet d'appel ou dans l'onglet du navigateur actif. "NEW_TAB" Spécifie que les

• Extensions Chrome

chrome.tts

Utilisez l'API chrome.tts pour lire la synthèse vocale synthétisée. Consultez également l'API ttsEngine associée, qui permet à une extension d'implémenter un moteur de synthèse vocale. Chrome offre cette fonctionnalité sous Windows (avec SAPI 5), Mac

• Extensions Chrome

chrome.webNavigation

Utilisez l'API chrome.webNavigation pour recevoir des notifications sur l'état des requêtes de navigation en cours de transfert. L'ensemble des méthodes et événements chrome.webNavigation nécessitent que vous déclariez l'autorisation "webNavigation"

• Extensions Chrome

chrome.tabGroups

Utilisez l'API chrome.tabGroups pour interagir avec le système de regroupement d'onglets du navigateur. Cette API vous permet de modifier et de réorganiser les groupes d'onglets dans le navigateur. Pour regrouper et dissocier des onglets, ou pour

• Extensions Chrome

chrome.printerProvider

L'API chrome.printerProvider expose les événements utilisés par le gestionnaire d'impression pour interroger les imprimantes contrôlées par les extensions, interroger leurs fonctionnalités et envoyer des tâches d'impression à ces imprimantes. chaîne

• Extensions Chrome

chrome.printingMetrics

Utilisez l'API chrome.printingMetrics pour récupérer des données sur l'utilisation des impressions. "BLACK_AND_WHITE" Spécifie que le mode noir et blanc a été utilisé. "COLOR" Spécifie que le mode couleur a été utilisé. "ONE_SIDED" Spécifie que

• Extensions Chrome

Fonctionnalités et ChromeOptions

Les fonctionnalités sont des options que vous pouvez utiliser pour personnaliser et configurer une session ChromeDriver.

API de détection de la langue disponible en preview anticipée

Les participants au programme PPE peuvent désormais créer des prototypes grâce à une API de détection de la langue dans Chrome.

• Chrome

chrome.declarativeNetRequest

L'API chrome.declarativeNetRequest permet de bloquer ou de modifier les requêtes réseau en spécifiant des règles déclaratives. Cela permet aux extensions de modifier les requêtes réseau sans les intercepter ni afficher leur contenu, et ainsi

• Extensions Chrome

Lighthouse: optimiser la vitesse du site Web

Accélérez le chargement de vos sites Web avec Chrome Lighthouse.

• Outils pour les développeurs Chrome

chrome.webRequest

Utilisez l'API chrome.webRequest pour observer et analyser le trafic, ainsi que pour intercepter, bloquer ou modifier les requêtes en cours de transfert. Vous devez déclarer l'autorisation "webRequest" dans le fichier manifeste de l'extension pour

• Extensions Chrome

chrome.sidePanel

Utilisez l'API chrome.sidePanel pour héberger le contenu du panneau latéral du navigateur avec le contenu principal d'une page Web. Pour utiliser l'API Side Panel, ajoutez l'autorisation "sidePanel" dans le fichier manifeste de l'extension:

• Extensions Chrome

chrome.omnibox

L'API omnibox vous permet d'enregistrer un mot clé dans la barre d'adresse de Google Chrome, également appelée "omnibox". Lorsque l'internaute saisit le mot clé de votre extension, il n'interagit qu'avec votre. Chaque frappe est envoyée à votre

• Extensions Chrome

chrome.pageAction

Utilisez l'API chrome.pageAction pour placer des icônes dans la barre d'outils principale de Google Chrome, à droite de la barre d'adresse. Les actions sur la page correspondent aux actions qui peuvent être effectuées sur la page active, mais qui ne

• Extensions Chrome

chrome.windows

Utilisez l'API chrome.windows pour interagir avec les fenêtres du navigateur. Cette API vous permet de créer, modifier et réorganiser des fenêtres dans le navigateur. Lorsqu'elle est demandée, une windows.Window contient un tableau d'objets tabs.Tab.

• Extensions Chrome

chrome.browserAction

Utilisez les actions du navigateur pour placer des icônes dans la barre d'outils principale de Google Chrome, à droite de la barre d'adresse. En plus de son icône, une action du navigateur peut comporter une info-bulle, un badge et un pop-up. Dans la

• Extensions Chrome

chrome.i18n

Utilisez l'infrastructure chrome.i18n pour implémenter l'internationalisation dans l'ensemble de votre application ou de votre extension. Vous devez placer toutes les chaînes visibles par l'utilisateur dans un fichier nommé messages.json. À chaque

• Extensions Chrome

chrome.webRequest

Utilisez l'API chrome.webRequest pour observer et analyser le trafic, ainsi que pour intercepter, bloquer ou modifier les requêtes en cours de transfert. Vous devez déclarer l'autorisation "webRequest" dans le fichier manifeste de l'extension pour

• Extensions Chrome

chrome.fileBrowserHandler

Utilisez l'API chrome.fileBrowserHandler pour étendre l'explorateur de fichiers de Chrome OS. Par exemple, vous pouvez utiliser cette API pour permettre aux utilisateurs d'importer des fichiers sur votre site Web. L'explorateur de fichiers ChromeOS

• Extensions Chrome

chrome.devtools.panels

Utilisez l'API chrome.devtools.panels pour intégrer votre extension à l'interface utilisateur de la fenêtre des outils pour les développeurs: créez vos propres panneaux, accédez aux panneaux existants et ajoutez des barres latérales. Les clés

• Extensions Chrome

Format du fichier manifeste

Chaque application dispose d'un fichier manifeste au format JSON, nommé manifest.json, qui fournit des informations des informations. Le code suivant montre les champs de fichier manifeste compatibles avec Google Apps, avec des liens vers la page

chrome.system.cpu

Utilisez l'API system.cpu pour interroger les métadonnées du processeur. chaîne Nom de l'architecture des processeurs. chaîne[] Ensemble de codes de fonctionnalité indiquant certaines fonctionnalités du processeur. Les codes actuellement pris en

• Extensions Chrome

chrome.enterprise.networkingAttributes

Utilisez l'API chrome.enterprise.networkingAttributes pour lire les informations sur votre réseau actuel. Remarque: Cette API n'est disponible que pour les extensions installées d'office par une règle d'entreprise. chaîne facultatif Adresse IPv4

• Extensions Chrome

chrome.gcm

Utilisez chrome.gcm pour permettre aux applications et aux extensions d'envoyer et de recevoir des messages via Firebase Cloud Messaging (FCM). Taille maximale (en octets) de l'ensemble des paires clé/valeur d'un message. 4096 Enregistre

• Extensions Chrome

chrome.instanceID

Accédez au service d'ID d'instance à l'aide de chrome.instanceID. Réinitialise l'identifiant d'instance d'application et révoque tous les jetons qui lui sont associés. function facultatif Le paramètre callback se présente comme suit:

• Extensions Chrome

chrome.wallpaper

Utilisez l'API chrome.wallpaper pour modifier le fond d'écran ChromeOS. Vous devez déclarer le "fond d'écran" l'autorisation dans le fichier manifeste de l'application d'utiliser l'API Fond d'écran. Exemple: Par exemple, pour définir le fond d'écran

• Extensions Chrome

chrome.input.ime

Utilisez l'API chrome.input.ime afin d'implémenter un IME personnalisé pour Chrome OS. Votre extension pourra ainsi gérer les frappes au clavier, définir la composition et gérer la fenêtre candidate. Vous devez déclarer l'entrée autorisation dans le

• Extensions Chrome

chrome.platformKeys

Utilisez l'API chrome.platformKeys pour accéder aux certificats client gérés par la plate-forme. Si l'utilisateur ou la règle accorde l'autorisation, une extension peut utiliser un tel certificat dans son protocole d'authentification personnalisé.

• Extensions Chrome

chrome.loginState

Utilisez l'API chrome.loginState pour lire et surveiller l'état de connexion. "SIGNIN_PROFILE" Spécifie que l'extension se trouve dans le profil de connexion. "USER_PROFILE" Spécifie que l'extension se trouve dans le profil utilisateur. "UNKNOWN"

• Extensions Chrome

chrome.printingMetrics

Utilisez l'API chrome.printingMetrics pour récupérer des données sur l'utilisation des impressions. "BLACK_AND_WHITE" Spécifie que le mode noir et blanc a été utilisé. "COLOR" Spécifie que le mode couleur a été utilisé. "ONE_SIDED" Spécifie que

• Extensions Chrome

chrome.history

Utilisez l'API chrome.history pour interagir avec l'enregistrement des pages visitées du navigateur. Vous pouvez ajouter, supprimer et rechercher des URL dans l'historique du navigateur. Pour remplacer la page d'historique par votre propre version,

• Extensions Chrome

chrome.devtools.inspectedWindow

Utilisez l'API chrome.devtools.inspectedWindow pour interagir avec la fenêtre inspectée: obtenez l'ID de l'onglet de la page inspectée, évaluez le code dans le contexte de la fenêtre inspectée, actualisez la page ou obtenez la liste des ressources de

• Extensions Chrome

chrome.tts

Utilisez l'API chrome.tts pour lire la synthèse vocale synthétisée. Consultez également l'API ttsEngine associée, qui permet à une extension d'implémenter un moteur de synthèse vocale. Chrome offre une compatibilité native avec la reconnaissance

• Extensions Chrome

chrome.identity

Utilisez l'API chrome.identity pour obtenir des jetons d'accès OAuth2. chaîne Identifiant unique du compte. Cet identifiant reste inchangé pendant toute la durée de vie du compte. "SYNC" Indique que la synchronisation est activée pour le compte

• Extensions Chrome

chrome.processes

Utilisez l'API chrome.processes pour interagir avec les processus du navigateur. Nombre Partie du cache utilisée, en octets. Nombre Taille du cache, en octets. numéro facultatif Mesure la plus récente de l'utilisation du processeur par le processus,

• Extensions Chrome

chrome.dom

Utiliser l'API chrome.dom afin d'accéder aux API DOM spéciales pour les extensions Récupère la racine ombre ouverte ou la racine ombre fermée hébergée par l'élément spécifié. Si l'élément n'associe pas la racine fantôme, il renvoie la valeur "null".

• Extensions Chrome

chrome.devtools.recorder

Utilisez l'API chrome.devtools.recorder pour personnaliser le panneau "Enregistreur" dans les outils de développement. Consultez le récapitulatif des API d'outils de développement pour obtenir une présentation générale de l'utilisation des API des

• Extensions Chrome

chrome.enterprise.hardwarePlatform

Utilisez l'API chrome.enterprise.hardwarePlatform pour obtenir le fabricant et le modèle de la plate-forme matérielle sur laquelle le navigateur s'exécute. Remarque: Cette API n'est disponible que pour les extensions installées dans le cadre d'une

• Extensions Chrome

chrome.tabCapture

Utilisez l'API chrome.tabCapture pour interagir avec les flux multimédias des onglets. L'API chrome.tabCapture vous permet d'accéder à un MediaStream contenant des vidéos et l'audio de l'onglet actuel. Elle ne peut être appelée qu'après que

• Extensions Chrome

chrome.webNavigation

Utilisez l'API chrome.webNavigation pour recevoir des notifications sur l'état des requêtes de navigation en cours de transfert. L'ensemble des méthodes et événements chrome.webNavigation nécessitent que vous déclariez "webNavigation"

• Extensions Chrome

chrome.management

L'API chrome.management permet de gérer les applications et les extensions installées. Vous devez déclarer la "gestion" autorisation dans le fichier manifeste de l'extension d'utiliser la gestion API. Exemple:

• Extensions Chrome

chrome.topSites

Utilisez l'API chrome.topSites pour accéder aux principaux sites (c'est-à-dire les sites les plus consultés) affichés sur la page "Nouvel onglet". Ils n'incluent pas les raccourcis personnalisés par l'utilisateur. Vous devez déclarer la propriété

• Extensions Chrome

chrome.search

Utilisez l'API chrome.search pour effectuer une recherche via le fournisseur par défaut. "CURRENT_TAB" Spécifie que les résultats de recherche s'affichent dans l'onglet d'appel ou dans l'onglet du navigateur actif. "NEW_TAB" Spécifie que les

• Extensions Chrome

chrome.idle

Utilisez l'API chrome.idle pour détecter quand l'état d'inactivité de la machine change. Vous devez déclarer l'état "inactif" l'autorisation d'utiliser l'API inactive dans le fichier manifeste de votre extension. Exemple: "actif" "inactif"

• Extensions Chrome

chrome.types

L'API chrome.types contient des déclarations de type pour Chrome. Le prototype ChromeSetting fournit un ensemble commun de fonctions ( get(), set() et clear() ). et éditeur d'événements ( onChange ) pour les paramètres du navigateur Chrome. Les

• Extensions Chrome

chrome.printerProvider

L'API chrome.printerProvider expose les événements utilisés par le gestionnaire d'impression pour interroger les imprimantes contrôlées par les extensions, interroger leurs fonctionnalités et envoyer des tâches d'impression à ces imprimantes. chaîne

• Extensions Chrome

chrome.enterprise.deviceAttributes

Utilisez l'API chrome.enterprise.deviceAttributes pour lire les attributs de l'appareil. Remarque: Cette API n'est disponible que pour les extensions installées d'office par une règle d'entreprise. Extrait l'emplacement indiqué par l'administrateur.

• Extensions Chrome

chrome.privacy

Utilisez l'API chrome.privacy pour contrôler l'utilisation des fonctionnalités Chrome susceptibles d'affecter la confidentialité des données de l'utilisateur. Cette API s'appuie sur le prototype ChromeSetting de l'API de type pour obtenir et définir

• Extensions Chrome

chrome.windows

Utilisez l'API chrome.windows pour interagir avec les fenêtres du navigateur. Cette API vous permet de créer, modifier et réorganiser des fenêtres dans le navigateur. Lorsqu'elle est demandée, une windows.Window contient un tableau d'objets tabs.Tab.

• Extensions Chrome

chrome.power

Utilisez l'API chrome.power pour ignorer les fonctionnalités de gestion de l'alimentation du système. Par défaut, les systèmes d'exploitation réduisent la luminosité de l'écran lorsque les utilisateurs sont inactifs et finissent par suspendre

• Extensions Chrome

chrome.pageCapture

Utilisez l'API chrome.pageCapture pour enregistrer un onglet au format MHTML. MHTML est un format standard compatible avec la plupart des navigateurs. Il encapsule dans un seul fichier une page et toutes ses ressources (fichiers CSS, images, etc.).

• Extensions Chrome

chrome.systemLog

Utilisez l'API chrome.systemLog pour enregistrer les journaux système Chrome des extensions. chaîne Ajoute un enregistrement de journal. MessageOptions Options de journalisation function facultatif Le paramètre callback se présente comme suit:

• Extensions Chrome

chrome.fileSystemProvider

Utilisez l'API chrome.fileSystemProvider pour créer des systèmes de fichiers accessibles à partir du gestionnaire de fichiers sur ChromeOS. Vous devez déclarer la classe autorisation du fichier manifeste de l'extension et de la section correspondante

• Extensions Chrome

chrome.notifications

Utilisez l'API chrome.notifications pour créer des notifications enrichies à l'aide de modèles et afficher ces notifications dans la barre d'état système. chaîne facultatif Icônes de bouton non visibles par les utilisateurs de Mac OS X. chaîne chaîne

• Extensions Chrome

chrome.fontSettings

Utilisez l'API chrome.fontSettings pour gérer les paramètres des polices dans Chrome. Pour utiliser l'API Font Settings, vous devez déclarer la règle "fontSettings" l'autorisation dans l' extension fichier manifeste. Exemple: Certains paramètres de

• Extensions Chrome

chrome.downloads

Cette autorisation déclenche un avertissement Utilisez l'API chrome.downloads pour programmer, lancer, surveiller, manipuler et rechercher des téléchargements. Vous devez déclarer l'autorisation "downloads" dans le fichier manifeste de l'extension

• Extensions Chrome

chrome.devtools.network

Utilisez l'API chrome.devtools.network pour récupérer les informations sur les requêtes réseau affichées par les outils de développement dans le panneau "Network". Les clés suivantes doivent être déclarées dans le fichier manifeste pour utiliser

• Extensions Chrome

chrome.proxy

Utilisez l'API chrome.proxy pour gérer les paramètres proxy de Chrome. Cette API s'appuie sur le prototype ChromeSetting de l'API de type pour obtenir et définir la configuration du proxy. Vous devez déclarer le "proxy" autorisation d'utiliser les

• Extensions Chrome

chrome.vpnProvider

Utilisez l'API chrome.vpnProvider pour implémenter un client VPN. En général, vpnProvider est utilisé comme suit: Créez des configurations VPN à l'aide de la méthode createConfig. Une configuration VPN est une entrée persistante présentée à

• Extensions Chrome

chrome.events

L'espace de noms chrome.events contient des types courants utilisés par les API qui envoient des événements pour vous avertir lorsqu'un événement intéressant se produit. Un Event est un objet qui vous permet d'être averti lorsqu'un événement

• Extensions Chrome

chrome.events

L'espace de noms chrome.events contient des types courants utilisés par les API qui envoient des événements pour vous avertir lorsqu'un événement intéressant se produit. Un Event est un objet qui vous permet d'être averti lorsqu'un événement

• Extensions Chrome

chrome.idle

Utilisez l'API chrome.idle pour détecter quand l'état d'inactivité de la machine change. Vous devez déclarer l'autorisation "idle" dans le fichier manifeste de votre extension pour utiliser l'API inactive. Exemple: "actif" "inactif" "verrouillée"

• Extensions Chrome

chrome.offscreen

Utilisez l'API offscreen pour créer et gérer des documents hors écran. Pour utiliser l'API Offscreen, déclarez l'autorisation "offscreen" dans le fichier manifeste de l'extension. Exemple: Les service workers ne disposent pas d'un accès DOM, et de

• Extensions Chrome

chrome.pageCapture

Utilisez l'API chrome.pageCapture pour enregistrer un onglet au format MHTML. MHTML est un format standard compatible avec la plupart des navigateurs. Il encapsule dans un seul fichier une page et toutes ses ressources (fichiers CSS, images, etc.).

• Extensions Chrome

chrome.fileSystemProvider

Utilisez l'API chrome.fileSystemProvider pour créer des systèmes de fichiers accessibles à partir du gestionnaire de fichiers sur ChromeOS. Vous devez déclarer la classe autorisation du fichier manifeste de l'extension et de la section correspondante

• Extensions Chrome

chrome.dom

Utiliser l'API chrome.dom afin d'accéder aux API DOM spéciales pour les extensions Récupère la racine ombre ouverte ou la racine ombre fermée hébergée par l'élément spécifié. Si l'élément n'associe pas la racine fantôme, il renvoie la valeur "null".

• Extensions Chrome

chrome.omnibox

L'API omnibox vous permet d'enregistrer un mot clé dans la barre d'adresse de Google Chrome, également appelée "omnibox". Lorsque l'internaute saisit le mot clé de votre extension, il n'interagit qu'avec votre. Chaque frappe est envoyée à votre

• Extensions Chrome

chrome.debugger

L'API chrome.debugger sert de moyen de transport alternatif pour le protocole de débogage à distance de Chrome. Utilisez chrome.debugger pour associer un ou plusieurs onglets afin d'instrumenter l'interaction réseau, de déboguer JavaScript, de

• Extensions Chrome

chrome.management

L'API chrome.management permet de gérer les applications et les extensions installées. Vous devez déclarer la "gestion" autorisation dans le fichier manifeste de l'extension d'utiliser la gestion API. Exemple:

• Extensions Chrome

chrome.downloads

Utilisez l'API chrome.downloads pour programmer, lancer, surveiller, manipuler et rechercher des téléchargements. Vous devez déclarer l'autorisation "downloads" dans le fichier manifeste de l'extension pour utiliser cette API. Vous trouverez des

• Extensions Chrome

chrome.history

Utilisez l'API chrome.history pour interagir avec l'enregistrement des pages visitées du navigateur. Vous pouvez ajouter, supprimer et rechercher des URL dans l'historique du navigateur. Pour remplacer la page d'historique par votre propre version,

• Extensions Chrome

chrome.gcm

Utilisez chrome.gcm pour permettre aux applications et aux extensions d'envoyer et de recevoir des messages via Firebase Cloud Messaging (FCM). Taille maximale (en octets) de l'ensemble des paires clé/valeur d'un message. 4096 Enregistre

• Extensions Chrome

chrome.notifications

Utilisez l'API chrome.notifications pour créer des notifications enrichies à l'aide de modèles et afficher ces notifications dans la barre d'état système. chaîne facultatif Icônes de bouton non visibles par les utilisateurs de Mac OS X. chaîne chaîne

• Extensions Chrome

chrome.instanceID

Accédez au service d'ID d'instance à l'aide de chrome.instanceID. Réinitialise l'identifiant d'instance d'application et révoque tous les jetons qui lui sont associés. function facultatif Le paramètre callback se présente comme suit:

• Extensions Chrome

chrome.loginState

Utilisez l'API chrome.loginState pour lire et surveiller l'état de connexion. "SIGNIN_PROFILE" Spécifie que l'extension se trouve dans le profil de connexion. "USER_PROFILE" Spécifie que l'extension se trouve dans le profil utilisateur. "UNKNOWN"

• Extensions Chrome

chrome.platformKeys

Utilisez l'API chrome.platformKeys pour accéder aux certificats client gérés par la plate-forme. Si l'utilisateur ou la règle accorde l'autorisation, une extension peut utiliser un tel certificat dans son protocole d'authentification personnalisé.

• Extensions Chrome

chrome.identity

Utilisez l'API chrome.identity pour obtenir des jetons d'accès OAuth2. chaîne Identifiant unique du compte. Cet identifiant reste inchangé pendant toute la durée de vie du compte. "SYNC" Indique que la synchronisation est activée pour le compte

• Extensions Chrome

chrome.sockets.tcp

Utilisez l'API chrome.sockets.tcp pour envoyer et recevoir des données sur le réseau à l'aide de connexions TCP. Cette API remplace la fonctionnalité TCP précédemment disponible dans l'API chrome.socket. Les clés suivantes doivent être déclarées dans

chrome.hid

Utiliser l'API chrome.hid pour interagir avec les appareils HID connectés Cette API permet d'accéder aux opérations HID depuis une application. À l'aide de cette API, les applications peuvent fonctionner comme pilotes de périphériques matériels. Les

chrome.sockets.tcpServer

Utilisez l'API chrome.sockets.tcpServer pour créer des applications de serveur à l'aide de connexions TCP. Cette API remplace la fonctionnalité TCP précédemment disponible dans l'API chrome.socket. Les clés suivantes doivent être déclarées dans le

chrome.system.network

Utilisez l'API chrome.system.network. chaîne Adresse IPv4/6 disponible. chaîne Nom sous-jacent de l'adaptateur. Pour *nix, il s'agit généralement de "eth0", "wlan0", etc. Nombre La longueur du préfixe Récupère des informations sur les adaptateurs

chrome.app.window

Utilisez l'API chrome.app.window pour créer des fenêtres. Les fenêtres disposent d'un cadre facultatif avec une barre de titre et des contrôles de taille. Ils ne sont associés à aucune fenêtre du navigateur Chrome. Consultez l' exemple d'état de

chrome.fileSystem

Utilisez l'API chrome.fileSystem pour créer, lire, parcourir et écrire dans le système de fichiers local de l'utilisateur. Grâce à cette API, les applications Chrome peuvent lire et écrire dans l'emplacement sélectionné par l'utilisateur. Par

chrome.mediaGalleries

Utilisez l'API chrome.mediaGalleries pour accéder aux fichiers multimédias (audio, images, vidéo) à partir des disques locaux de l'utilisateur (avec son consentement). chaîne booléen chaîne Identifie la galerie modifiée. GalleryChangeType Type

Journalisation

Par défaut, ChromeDriver n'enregistre que les avertissements et les erreurs sur stderr. Lors du débogage les problèmes de journalisation, il est utile d'activer une journalisation plus détaillée. Pour activer la journalisation détaillée, il vous

Premiers pas avec ChromeDriver

Cette page explique comment commencer à utiliser ChromeDriver pour tester votre site Web sur de bureau (Windows/Mac/Linux). Vous pouvez également consulter Premiers pas avec Android ou Premiers pas avec ChromeOS ChromeDriver est un exécutable

Extensions Chrome

Les extensions Chrome peuvent être empaquetées ou non empaquetées. Pour empaqueter une extension non empaquetée, utilisez le bouton "Pack" dans chrome://extensions ou utiliser Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension

Chrome 129 bêta

Consultez cet article pour avoir un aperçu de la prochaine version de Chrome et des fonctionnalités de la version bêta actuelle.

• Chrome

Personnalisez vos données de performances avec l'API d'extensibilité

Personnaliser les données de performances avec l'API d'extensibilité

• Outils pour les développeurs Chrome

chrome.browsingData

Utilisez l'API chrome.browsingData pour supprimer les données de navigation du profil local d'un utilisateur. Vous devez déclarer l'autorisation "browsingData" dans le fichier manifeste de l'extension pour utiliser cette API. Le cas d'utilisation le

• Extensions Chrome

chrome.system.memory

L'API chrome.system.memory Nombre Quantité de capacité disponible, en octets. Nombre Quantité totale de la capacité de mémoire physique, en octets. Obtenir des informations sur la mémoire physique function facultatif Le paramètre callback se présente

• Extensions Chrome

chrome.desktopCapture

L'API Desktop Capture capture le contenu de l'écran, des fenêtres ou des onglets individuels. Énumération utilisée pour définir l'ensemble des sources multimédias pour ordinateur de bureau utilisées dans chooseDesktopMedia(). "écran" "fenêtre"

• Extensions Chrome

chrome.dns

Utilisez l'API chrome.dns pour la résolution DNS. Pour utiliser cette API, vous devez déclarer l'autorisation "dns" dans le fichier manifeste. Le code suivant appelle resolve() pour récupérer l'adresse IP de example.com. service-worker.js: chaîne

• Extensions Chrome

chrome.documentScan

Utilisez l'API chrome.documentScan pour découvrir et récupérer des images à partir des scanners de documents associés. L'API Document Scan est conçue pour permettre aux applications et aux extensions d'afficher les le contenu d'un document papier

• Extensions Chrome

Référence de l'API

Documentation de référence complète sur toutes les API disponibles pour les extensions Chrome. Cela inclut les API de la plate-forme d'applications Chrome, devenue obsolète, ainsi que les API encore en version bêta et en développement.

• Extensions Chrome

Chrome DevTools

Déboguez et optimisez vos applications Web à l'aide des outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

Chrome 128

Le déploiement de Chrome 128 commencera le 20 août 2024, avec la propriété CSS ruby-align, Promise.try et bien d'autres.

• Chrome

Phase d'évaluation de l'API File System Observer

L'équipe Chrome teste une nouvelle API File System Observer qui informe les développeurs des modifications apportées au système de fichiers.

• Chrome

Nouveautés de WebGPU (Chrome 128)

Expérimenter avec des sous-groupes, abandon de la définition du biais de profondeur pour les lignes et les points, masquage de l'avertissement des outils de développement en cas d'erreur non capturée si preventDefault, interpolation de l'échantillonnage WGSL en premier, et plus encore, etc.

• Chrome
• WebGPU

Créer une application avec WebGPU

Découvrez comment créer une application avec des GPU Web pour le Web et des plates-formes spécifiques.

Nouveautés de Chrome 128

Le déploiement de Chrome 128 est en cours. L'affichage amélioré des éléments Ruby avec des sauts de ligne a été amélioré. Promise.try a été en mesure de lancer les chaînes Promise plus facilement. L'interface PointerEvent a été étendue pour identifier de façon unique les différents stylos, et il y en a bien d'autres, et bien d'autres encore. Adriana Jara vous explique en détail les nouveautés de Chrome 128 pour les développeurs.

• Chrome

Multimédia: afficher et déboguer les informations des lecteurs multimédias

Utilisez le panneau multimédia pour afficher des informations et déboguer les lecteurs multimédias par onglet du navigateur.

• Outils pour les développeurs Chrome

Améliorer les performances de l'accessibilité Chromium

Post d'Ahmed Elwasefi expliquant comment il est devenu contributeur Chromium grâce au Google Summer of Code.

• Chrome

chrome.alarms

Utilisez l'API chrome.alarms pour planifier l'exécution du code à intervalles réguliers ou à une heure spécifique. Pour utiliser l'API chrome.alarms, déclarez l'autorisation "alarms" dans le fichier manifeste: Les exemples suivants montrent comment

• Extensions Chrome

chrome.contextMenus

Utilisez l'API chrome.contextMenus pour ajouter des éléments au menu contextuel de Google Chrome. Vous pouvez choisir les types d'objets auxquels s'appliquent les éléments du menu contextuel, tels que des images, des liens hypertexte et des pages.

• Extensions Chrome

chrome.debugger

L'API chrome.debugger sert de moyen de transport alternatif pour le protocole de débogage à distance de Chrome. Utilisez chrome.debugger pour associer un ou plusieurs onglets afin d'instrumenter l'interaction réseau, de déboguer JavaScript, de

• Extensions Chrome

chrome.audio

L'API chrome.audio permet aux utilisateurs d'obtenir des informations sur les appareils audio connectés au système et de les contrôler. Cette API n'est actuellement disponible qu'en mode Kiosque pour ChromeOS. chaîne Nom de l'appareil. DeviceType

• Extensions Chrome

chrome.declarativeContent

Utilisez l'API chrome.declarativeContent pour effectuer des actions en fonction du contenu d'une page, sans avoir besoin d'autorisation pour en lire le contenu. Declarative Content API vous permet d'activer l'action de votre extension en fonction de

• Extensions Chrome

chrome.commands

Utilisez l'API des commandes pour ajouter des raccourcis clavier qui déclenchent des actions dans votre extension, par exemple une action pour ouvrir l'action du navigateur ou envoyer une commande à l'extension. Les clés suivantes doivent être

• Extensions Chrome

chrome.browsingData

Utilisez l'API chrome.browsingData pour supprimer les données de navigation du profil local d'un utilisateur. Vous devez déclarer l'élément "browsingData" dans le fichier manifeste de l'extension pour utiliser cette API. Le cas d'utilisation le plus

• Extensions Chrome

API File System Access: simplifier l'accès aux fichiers locaux

L'API File System Access permet aux développeurs de créer des applications Web performantes qui interagissent avec les fichiers de l'appareil local de l'utilisateur, telles que des IDE, des éditeurs de photos et de vidéos, des éditeurs de texte, etc. Une fois qu'un utilisateur a accordé l'accès à une application Web, cette API lui permet de lire ou d'enregistrer des modifications directement dans les fichiers et les dossiers de son appareil.

API Summarization disponible en preview anticipée

Les participants au programme EPP peuvent désormais créer des prototypes avec l'API de synthèse pour Gemini Nano dans Chrome.

• Chrome

Faire défiler les événements d'ancrage

Présentation de deux nouveaux événements JavaScript : "défilerSnapChange" et "défilerSnap" :

• Chrome

Tester la mesure des navigations douces

L'équipe Chrome s'efforce de mieux mesurer les navigations dites douces utilisées par les applications monopages. Une nouvelle API est désormais disponible derrière un indicateur permettant aux sites de tester cette fonctionnalité.

4 façons d'effectuer des captures d'écran avec les outils de développement

Découvrez quatre façons uniques de faire des captures d'écran avec les outils de développement.

• Chrome
• Outils pour les développeurs Chrome

WebDriver BiDi prêt pour la production dans Firefox, Chrome et Puppeteer

Puppeteer 23 offre une compatibilité stable avec Firefox 129 et versions ultérieures, en offrant une API unifiée pour l'automatisation Chrome et Firefox, basée sur WebDriver BiDi.

• Chrome

Nouveautés des outils de développement, Chrome 128

Les insights de la console sont disponibles en Europe, le canal réseau et l'API améliorés pour personnaliser les canaux dans le panneau "Performances", et plus encore.

• Chrome
• Outils pour les développeurs Chrome

Blog

Dernières actualités de l'équipe Chrome Developer Relations

• Chrome

Participez à l'expérience sur l'IA intégrée de Chrome

Informations sur l'IA intégrée, l'API Prompt et les forfaits d'IA de Chrome.

• Chrome

Mises à jour de l'expérience utilisateur pour les clés d'accès dans Chrome sur Android

Chrome sur Android intègre désormais le Gestionnaire d'identifiants, ce qui permet aux gestionnaires de mots de passe tiers de fournir des clés d'accès sur Android 14 et versions ultérieures

• Chrome

Noms CSS définis par l'auteur et Shadow DOM: dans les spécifications et dans la pratique

Explication de l'état d'interopérabilité actuel des noms définis par l'auteur utilisés dans le Shadow DOM en CSS

Au-delà des expressions régulières: amélioration de l'analyse des valeurs CSS dans les outils pour les développeurs Chrome

Découvrez comment l'équipe DevTools a amélioré la présentation des styles dans l'onglet "Styles".

• Chrome

Automatisation avec WebDriver BiDi désormais disponible dans BrowserStack

BrowserStack est compatible avec WebDriver BiDi. Améliorez vos tests Selenium Grid grâce à l'automatisation basée sur les événements.

• Chrome

Chargement des pages plus rapide grâce à l'utilisation du temps de réflexion du serveur avec les premiers conseils

Découvrez comment votre serveur peut envoyer au navigateur des indications concernant les sous-ressources critiques.

API CrUX

Découvrez comment créer des requêtes vers l'API CrUX et analyser ses réponses.

• Rapport d'expérience utilisateur Chrome

API CrUX History

Découvrez comment interroger les tendances historiques de CrUX sur les six derniers mois à l'aide de l'API CrUX History.

• Rapport d'expérience utilisateur Chrome

<ruby> avec possibilité de saut de ligne et la propriété CSS "ruby-align"

Élément ruby scissable et propriété CSS ruby-align

• Chrome

Panneau "Network" (Réseau) : analyser la charge du réseau et les ressources

Analyser la charge du réseau et les ressources

• Outils pour les développeurs Chrome

Exemples

Des exemples d'extensions Chrome sont disponibles sur GitHub.

• Extensions Chrome

Publier votre application

À FAIRE

• Extensions Chrome

Fichier manifeste – Version

Un à quatre entiers séparés par des points identifiant la version de cette extension. Deux règles s'appliquent aux entiers: ils doivent être compris entre 0 et 65 535 inclus, et les entiers non nuls ne peuvent pas commencer par 0. Par exemple, 99999

Fichier manifeste – Paramètres régionaux par défaut

Spécifie le sous-répertoire de _locales contenant les chaînes par défaut pour cette extension. Ce champ est obligatoire dans les extensions ayant un répertoire _locales. Il doit être absent dans les extensions qui n'ont pas de répertoire _locales.

Fichier manifeste – Hors connexion activé

Indique si l'application ou l'extension est censée fonctionner hors connexion. Lorsque Chrome détecte que l'application est hors connexion, les applications dont ce champ est défini sur "true" sont mises en surbrillance sur la page "Nouvel onglet". À

Manifeste : version minimale de Chrome

Version de Chrome requise par votre extension, application ou thème, le cas échéant. Le format de cette chaîne est le même que celui du champ version.

flux-de-zone de travail

RouteHandlerCallbackOptions StreamSource | Promise&lt; StreamSource &gt; Réponse ReadableStream BodyInit Prend plusieurs promesses sources, chacune pouvant renvoyer une réponse, un objet ReadableStream ou un élément BodyInit. Renvoie un objet

Fichier manifeste - Description

Chaîne de texte brut (pas de code HTML ni autre formatage; 132 caractères maximum) qui décrit l'extension. La description doit être adaptée à la fois à l'interface utilisateur de gestion des extensions du navigateur et au Chrome Web Store. Vous

Fichier manifeste - Clé

Cette valeur peut être utilisée pour contrôler l'ID unique d'une extension, d'une application ou d'un thème lorsqu'ils sont chargés pendant le développement. Pour obtenir une clé-valeur appropriée, commencez par installer votre extension à partir

Fonctionnalités Web désactivées

Bien que les applications Chrome utilisent la plate-forme Web, certaines fonctionnalités ont été désactivées ou sont utilisées d'une autre manière. Cela permet principalement d'éviter les problèmes de sécurité et d'améliorer les pratiques de

Fichier manifeste – Nom et nom abrégé

Les propriétés de fichier manifeste name et short_name sont des chaînes de texte brut courtes qui identifient l'application. Vous pouvez spécifier des chaînes spécifiques aux paramètres régionaux pour les deux champs. Pour en savoir plus, consultez

Mise à jour: pages d'événement et pages en arrière-plan

Chrome 128 bêta

Consultez cet article pour avoir un aperçu de la prochaine version de Chrome et des fonctionnalités de la version bêta actuelle.

• Chrome

Chrome 127

Le déploiement de Chrome 127 commencera le 23 juillet 2024. Il comprendra la fonctionnalité d'ajustement de la taille de la police CSS, les conteneurs de défilement sélectionnables au clavier et bien d'autres fonctionnalités.

• Chrome

Nouveautés de Chrome 127

Chrome 127 est en cours de déploiement ! Grâce à la prise en charge de font-size-adjust, les activations utilisateur sont propagées dans l'API Document Picture-in-picture, les conteneurs de défilement sélectionnable au clavier et bien d'autres encore. Adriana Jara vous explique en détail les nouveautés de Chrome 127 pour les développeurs.

• Chrome

Nouveautés de WebGPU (Chrome 127)

Compatibilité expérimentale avec OpenGL ES sur Android, attribut d'informations GPUAdapter, améliorations de l'interopérabilité de WebAssembly, etc.

• Chrome
• WebGPU

Chrome aide les utilisateurs à installer les applications qu'ils apprécient

Les recherches internes sur l'expérience utilisateur de Chrome montrent que de nombreuses personnes apprécient d'installer des applications Web. Voici quelques-uns de ses avantages: Chrome et les développeurs Web peuvent vous aider de différentes

• Chrome

Demande de commentaires de développeurs sur le flux de lecture et les éléments avec affichage: contenus

Aidez-nous à vérifier que le flux de lecture répond à vos besoins.

• Chrome

Documentation de référence sur les fonctionnalités réseau

Référence complète sur les fonctionnalités du panneau Chrome DevTools Network.

• Outils pour les développeurs Chrome

Préférences

Documentation de référence sur l'onglet "Préférences".

• Outils pour les développeurs Chrome

Panneau "Enregistreur" : enregistrer et mesurer le parcours utilisateur

Analyser et enregistrer les flux utilisateur

• Outils pour les développeurs Chrome

Idées reçues sur les transitions de vue

Alors que de plus en plus de personnes s'intéressent à l'API View Transition, il est temps de réfuter certaines idées reçues.

• Chrome

Que se passe-t-il avec les extensions Chrome ?

Voici un aperçu des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extension intéressantes à venir pour les développeurs.

• Extensions Chrome
• Chrome

Extensions Chrome: mises à jour importantes apportées aux règles

Cette annonce inclut une série de mises à jour de la page du règlement du programme pour les développeurs conçues pour encourager le développement de produits de haute qualité, prévenir les comportements trompeurs et garantir le consentement éclairé de l'utilisateur.

• Chrome
• Extensions Chrome

Nouveautés des outils de développement, Chrome 127

Positionnement de l'ancrage CSS dans les éléments, amélioration de l'option "Ne jamais mettre en pause ici" dans les sources, nouveaux écouteurs d'événements d'ancrage de défilement, mises à jour des préréglages de limitation de bande passante réseau, etc.

• Chrome
• Outils pour les développeurs Chrome

Mode d'inspection: analyser rapidement les propriétés des éléments

Inspecter les éléments de votre application Web

• Outils pour les développeurs Chrome

Documentation de référence sur les fonctionnalités de performances

Une référence sur toutes les façons d'enregistrer et d'analyser les performances dans les outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

L'API Long Animation Frame est désormais disponible

L'API Long Animation Frame (LoAF) est disponible depuis Chrome 123. Nous avons également mis à jour nos outils et nos conseils pour vous aider à tirer le meilleur parti de cette nouvelle API.

• Chrome

Lancement des Trusted Types sur YouTube

YouTube renforce la sécurité de sa plate-forme grâce aux Trusted Types pour empêcher les attaques par script intersites, mais cela peut avoir un impact sur votre extension.

• Chrome
• Extensions Chrome

Évitez une taille de DOM excessive

Découvrez comment un grand DOM peut réduire les performances de votre page Web et comment réduire sa taille au moment du chargement.

Prérendu des pages dans Chrome pour la navigation instantanée sur les pages

L'équipe Chrome a réfléchi à des options permettant de rétablir le prérendu complet des futures pages auxquelles les utilisateurs sont susceptibles d'accéder.

Les coulisses du Chrome Web Store: poser des questions à la fiabilité et à la sécurité

Nous avons rencontré l'équipe chargée des examens du Chrome Web Store.

• Chrome
• Extensions Chrome

Performances maximales des bases de données indexées avec les buckets de stockage

L'équipe Chrome a apporté un certain nombre d'améliorations liées aux performances à l'implémentation d'IndexedDB (IDB).

• Chrome

Chrome 127 bêta

Testez les dernières fonctionnalités de Chrome en téléchargeant la version bêta.

• Chrome

Mettre en cache les modèles d'IA dans le navigateur

Pour accélérer les futurs lancements de vos applications basées sur l'IA, mettez explicitement en cache les données du modèle sur l'appareil.

Nouveautés de WebGPU (Chrome 126)

Augmentation de la limite maxTextureArrayLayers, optimisation de l'importation de tampon pour le backend Vulkan, amélioration du temps de compilation du nuanceur, les tampons de commande envoyés doivent être uniques et les mises à jour de Dawn

• Chrome
• WebGPU

Phase d'évaluation pour un nouvel élément HTML "permission>"

L'équipe Chrome teste un nouvel élément HTML déclaratif "permission>" pour demander à l'utilisateur d'accéder à des fonctionnalités puissantes.

• Chrome

Nouveautés CSS et UI Web: récapitulatif I/O 2024

Lisez toutes les annonces de Google I/O 2024 concernant les CSS et l'interface utilisateur Web.

• Chrome

Nouveautés de Chrome 126

Chrome 126 est en cours de déploiement ! Grâce à la prise en charge des transitions entre documents dans l'API ViewTransitions, l'API CloseWatcher a été réactivée, le déclencheur a été rythmé pour l'API Gamepad, et il y en a beaucoup d'autres, et bien plus encore. Adriana Jara possède toutes les informations nécessaires sur les nouveautés pour les développeurs dans Chrome 126.

• Chrome

Chrome 126

Chrome 126 commencera à être déployé le 11 juin 2024 avec des transitions d'affichage de plusieurs documents, la réactivation de l'API CloseWatcher, le déclencheur-rumble pour l'API Gamepad, et bien plus encore.

• Chrome

Abandon de l'événement "unload"

L'événement "unload" sera progressivement abandonné à partir de la version 117 de Chrome. Découvrez ce que cela implique et comment les sites et les entreprises peuvent s'y préparer

3 nouvelles fonctionnalités pour personnaliser vos workflows de performances dans les outils de développement

Découvrez les dernières fonctionnalités qui vous aideront à désencombrer le panneau "Performances" et à vous concentrer sur les informations dont vous avez le plus besoin.

• Outils pour les développeurs Chrome
• Chrome

Surveillance des protocoles: afficher et envoyer des requêtes CDP

Surveillez les requêtes et les réponses CDP.

• Outils pour les développeurs Chrome

Chrome UX Report

Documentation technique sur les métriques CrUX.

• Rapport d'expérience utilisateur Chrome

Analyser les performances du sélecteur CSS lors des événements "Recalculer le style"

Analysez les performances du sélecteur CSS lors des événements "Recalculer le style".

• Outils pour les développeurs Chrome

Ignorer l'examen pour les modifications éligibles apportées aux extensions

Nous sommes heureux d'annoncer le lancement d'une nouvelle fonctionnalité qui permettra aux développeurs d'ignorer le processus d'examen des modifications éligibles aux extensions Manifest V3 à l'aide de l'API Declarative Net Request.

• Chrome

N'a pas de tag avec la largeur ou l'échelle initiale

En savoir plus sur l'audit Lighthouse "Ne comporte pas de balise avec une largeur ou une échelle initiale"

Conditions du réseau: remplacer la chaîne user-agent

Découvrez comment émuler d'autres navigateurs à l'aide du panneau "Conditions du réseau".

• Outils pour les développeurs Chrome

Nouveautés des outils de développement, Chrome 126

Amélioration du mode de configuration du suivi, liste d'éléments à ignorer dans le graphique de flammes, réduction de 20 fois le processeur dans le panneau "Performances", et plus encore.

• Chrome
• Outils pour les développeurs Chrome

Déboguer JavaScript

Découvrez comment identifier et corriger les bugs JavaScript à l'aide des outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

Extensions Google Chrome à la conférence Google I/O 2024

La conférence Google I/O est derrière nous, et nous avons passé en revue toutes les nouveautés intéressantes concernant les extensions.

• Chrome

Déboguer les règles de spéculation avec les outils pour les développeurs Chrome

Découvrez les fonctionnalités des outils pour les développeurs Chrome qui permettent de déboguer les règles de spéculation utilisées pour le préchargement et le prérendu des futures navigations sur les pages.

• Outils pour les développeurs Chrome

Panneau de source rapide

afficher les fichiers sources et avoir accès à d'autres outils ;

• Outils pour les développeurs Chrome

Encourager les avis utiles sur les produits grâce à l'IA Web côté client

L'atelier de programmation suivant propose l'IA côté client. Aucune connaissance en développement d'IA, aucun serveur ni aucune clé API ne sont requis.

Évaluer des avis sur des produits avec l'IA

L'IA intégrée à l'appareil est la dernière offre qui permet de proposer des modèles puissants aux utilisateurs, tout en protégeant les données sensibles et en améliorant la latence.

Améliorations de WebAssembly et WebGPU pour une IA Web plus rapide, partie 1

Partie 1/2. Découvrez comment les améliorations de WebAssembly et de WebGPU améliorent les performances du machine learning sur le Web.

• Chrome

Nouveautés des frameworks JavaScript (mai 2024)

Ce document présente brièvement les événements récents dans l'écosystème des frameworks JavaScript.

• Chrome

Panneau Performance Monitor

Analysez les performances d'exécution de votre site Web en temps réel.

• Outils pour les développeurs Chrome

Chrome 126 bêta

La version bêta de Chrome 126 inclut des transitions d'affichage entre les documents, ainsi que l'extension de déclencheur-rumble de l'API Gamepad et d'autres fonctionnalités.

• Chrome

Améliorations apportées à WebAssembly et WebGPU pour une IA Web plus rapide, partie 2

Partie 2/2. Découvrez comment les améliorations apportées à WebAssembly et WebGPU améliorent les performances du machine learning sur le Web.

• Chrome

Nouveautés concernant les transitions d'affichage (Google I/O 2024, mise à jour)

Lancement des transitions de vue de plusieurs documents pour l'annonce MPA, des transitions de vue sélective avec les types actifs et du partage des styles d'animation avec la classe de transition d'affichage.

• Chrome

Résumé de la conférence I/O de 2024 sur l'IA sur le Web: nouveaux modèles, outils et API pour votre prochaine application Web

Récapitulez l'IA sur le Web lors de la conférence Google I/O 2024. Découvrez les nouveaux modèles, outils et API pour votre prochaine application Web.

• Chrome
• WebGPU

Compatibilité SVG pour l'API Async Clipboard

L'API Async Clipboard est désormais compatible avec les images SVG.

• Chrome

Présentation de la compatibilité UIA sous Windows

À partir de Chrome 126, le framework Windows UI Automation est pris en charge.

• Chrome

Quand choisir l'IA côté client ?

L'IA côté client est la dernière offre permettant de proposer des modèles puissants aux utilisateurs, tout en protégeant les données sensibles et en améliorant la latence.

Astuces concernant les outils de développement: Remplacer et simuler des réponses réseau

Découvrez comment remplacer et simuler des réponses réseau avec les outils de développement.

• Chrome
• Outils pour les développeurs Chrome

10 actualités Google I/O 2024: libérer la puissance de l'IA pour tous les développeurs Web

Découvrez des fonctionnalités intéressantes dans le discours d'ouverture et les sessions pour les développeurs Google I/O.

• Chrome

Nouveautés de Chrome 125

Chrome 125 est en cours de déploiement ! Avec l'API CSS Anchor Positioning, l'API Compute Pressure, l'extension de l'API Storage Access et bien d'autres nouveautés. Adriana Jara possède toutes les informations nécessaires sur les nouveautés pour les développeurs dans Chrome 125.

• Chrome

Remplacer localement le contenu Web et les en-têtes de réponse HTTP

Utilisez des forçages locaux pour simuler des ressources distantes et conserver les modifications apportées dans les outils de développement pour tous les chargements de page.

• Outils pour les développeurs Chrome

Chrome 125

Chrome 125 commencera à être déployé le 14 mai 2024 avec le positionnement de l'ancrage CSS, l'API Compute Pressure, les nouvelles fonctionnalités de référence et bien d'autres fonctionnalités.

• Chrome

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

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.

• Chrome

Présentation de l'API de positionnement de l'ancrage CSS

Positionnez les éléments les uns par rapport aux autres à l'aide de la nouvelle API de positionnement de l'ancrage.

• Chrome

Mieux comprendre les erreurs et les avertissements grâce aux insights de la console

Gemini vous permet de mieux comprendre les erreurs et les avertissements dans la console.

• Outils pour les développeurs Chrome

Outils de Chrome pour des tests automatisés fluides

Brève présentation de Puppeteer, Chrome sans interface graphique et Chrome for Testing, ainsi que d'autres ressources de l'équipe des outils Chrome.

• Chrome

Implémenter des tests dans votre entreprise avec Chrome

Découvrez comment relever les défis liés aux tests dans les environnements d'entreprise

• Chrome

Nouveautés des outils de développement, Chrome 125

Causes d'erreurs dans la console, statistiques du sélecteur CSS dans "Performances", en-têtes d'indices anticipés dans le réseau, etc.

• Chrome
• Outils pour les développeurs Chrome

Pourquoi les fonctionnalités CSS et UI sont-elles importantes pour votre site d'e-commerce ?

Découvrez comment les sites d'e-commerce tirent parti des dernières fonctionnalités CSS et UI : transitions de vues, animations liées au défilement, API Popover, etc.

• Chrome

Consulter les études de cas sur les transitions

redBus, Policybazaar et Tokopedia utilisent tous l'API View Transition et bénéficient de meilleures performances et d'une interface utilisateur fluide.

• Chrome

Études de cas sur les animations liées au défilement

Découvrez les avantages des animations liées aux défilements avec Policybazaar, redBus et Tokopedia.

• Chrome

Nouveautés de WebGPU (Chrome 125)

Sous-groupes en cours de développement et rendus sur une tranche de texture 3D.

• Chrome
• WebGPU

Études de cas :has()

Découvrez comment Policybazaar et Tokopedia tirent profit de l'utilisation de :has().

• Chrome

Études de cas sur les requêtes de conteneur

Découvrez les avantages des requêtes de conteneur de redBus et Tokopedia.

• Chrome

Découvrez "Exploiter tout le potentiel des animations basées sur le défilement"

Cours vidéo en 10 parties pour tout savoir sur les animations liées au défilement

• Chrome

Autre proposition pour la maçonnerie CSS

Proposition de définition de la maçonnerie et de la grille selon différentes spécifications.

• Chrome

Présentation de WebGPU

WebGPU permet d'obtenir des graphismes 3D hautes performances et des calculs avec parallélisme des données sur le Web.

• WebGPU

Manifeste : version minimale de Chrome

Documentation de référence sur la propriété minimum_chrome_version de manifest.json.

• Extensions Chrome

Études de cas Popover

Tokopedia utilise l'API Popover pour réduire la quantité de code dans son application.

• Chrome

L'essai d'abandon de l'accès au réseau privé pour les contextes non sécurisés s'achève : implémentez l'invite d'autorisation PNA

Pour accéder aux appareils d'un réseau privé à partir d'un site Web qui ne peut pas être converti en HTTPS, vous devez utiliser des invites d'autorisation pour assouplir les vérifications de contenu mixte.

• Chrome

Faire défiler et zoomer sur un onglet capturé

L'API Captured Surface Control permet aux applications Web de faire défiler et de faire un zoom sur les onglets capturés.

WebAudio: afficher les métriques de l'API WebAudio

Afficher les métriques de l'API WebAudio dans le panneau WebAudio

• Outils pour les développeurs Chrome

Fichier manifeste - Jetons d'essai

Documentation de référence sur la propriété "trial_tokens" du fichier manifest.json.

• Extensions Chrome

Chrome 125 bêta

Positionnement de l'ancrage CSS, fonctions en escalier CSS, API Compute Pressure et bien plus.

• Chrome

Que se passe-t-il avec les extensions Chrome ?

Voici un aperçu des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extension intéressantes à venir pour les développeurs.

• Chrome
• Extensions Chrome

Animations: inspectez et modifiez les effets d'animation CSS

Inspectez et modifiez des animations à l'aide du panneau "Animations".

• Outils pour les développeurs Chrome

Phase d'évaluation pour les API pliables

Les API Foldable sont deux API de Chrome conçues pour aider les développeurs à cibler les appareils pliables.

• Chrome

Les transitions de page n'ont pas l'impression d'être bloquées sur le réseau

Découvrez comment rendre les transitions entre les pages Web plus réactives, même sur un réseau lent.

Ne redirige pas le trafic HTTP vers HTTPS

Découvrez comment renforcer la sécurité de votre site en redirigeant toutes les pages vers le protocole HTTPS.

Écran de démarrage personnalisé non disponible

Découvrez comment créer un écran de démarrage personnalisé pour votre progressive web app.

N'enregistre pas de service worker contrôlant la page et le champ start_url

Découvrez comment enregistrer un service worker compatible avec les fonctionnalités des progressive web apps, comme le fonctionnement hors connexion, les notifications push et l'installation.

Le champ start_url ne répond pas par 200 en mode hors connexion.

Découvrez comment configurer le paramètre start_url de votre progressive web app pour qu'elle soit accessible hors connexion.

Le chargement de la page n'est pas assez rapide sur les réseaux mobiles

Découvrez comment accélérer le chargement de votre page Web sur les réseaux mobiles.

Nouveautés de Chrome 124

Chrome 124 est en cours de déploiement ! Deux nouvelles API permettent d'utiliser le Shadow DOM déclaratif à partir de JavaScript. Vous pouvez utiliser des flux dans WebSockets. Les transitions de visionnage ont été améliorées. Et ce n'est pas tout. Pete LePage contient toutes les informations sur les nouveautés pour les développeurs dans Chrome 124.

• Chrome

La taille du contenu n'est pas correcte pour la fenêtre d'affichage

Découvrez comment dimensionner le contenu de votre page Web pour qu'il s'adapte aux écrans mobiles.

Saisie automatique: inspecter et déboguer les adresses enregistrées

Inspectez et déboguez les adresses enregistrées dans Chrome à l'aide du panneau de saisie automatique.

• Outils pour les développeurs Chrome

Le site fonctionne sur plusieurs navigateurs

Découvrez comment utiliser Workbox pour vous assurer que votre page Web fonctionne dans tous les navigateurs.

Le fichier manifeste de l'application Web ne respecte pas les exigences d'installation

Découvrez comment rendre votre progressive web app installable.

La page actuelle ne retourne pas de code 200 en mode hors connexion

Découvrez comment faire fonctionner votre progressive web app hors connexion.

Ne fournit pas d'icône Apple Touch valide

Découvrez comment choisir l'icône que votre progressive web app doit afficher sur les écrans d'accueil iOS.

N'utilise pas HTTPS

Découvrez comment protéger votre site Web à l'aide du protocole HTTPS.

Limitation

Documentation de référence de l'onglet sur la limitation.

• Outils pour les développeurs Chrome

L'accès aux appareils MIDI nécessite désormais l'autorisation de l'utilisateur

Chrome protège désormais l'ensemble de l'API Web MIDI derrière une invite d'autorisation.

• Chrome

Chrome 124

Le déploiement de Chrome 124 commencera le 16 avril 2024 avec setHTMLUnsafe, des flux dans WebSockets et bien d'autres fonctionnalités.

• Chrome

Ne fournit pas de contenu de remplacement lorsque JavaScript n'est pas disponible

Découvrez comment vous assurer que les utilisateurs peuvent afficher au moins une partie du contenu sur votre page Web lorsque JavaScript n'est pas disponible.

Ne définit pas de couleur de thème pour la barre d'adresse

Découvrez comment définir une couleur de thème de barre d'adresse pour votre progressive web app.

Chaque page a une URL

En savoir plus sur l'audit Lighthouse (chaque page est associée à une URL)

Le fichier manifeste ne comporte pas d'icône masquable

Découvrez comment rendre votre PWA compatible avec les icônes masquables.

Transitions d'affichage entre les documents pour les applications multipages

Faites vos premiers pas avec les transitions d'affichage de plusieurs documents à utiliser dans votre application multipage (MPA).

Transitions fluides avec l'API View Transition

L'API View Transition vous permet d'ajouter des transitions entre les vues d'un site Web.

Amusant et puissant: présentation des outils pour les développeurs Chrome

Découvrez comment les outils de développement peuvent améliorer le développement de vos applications Web.

• Outils pour les développeurs Chrome
• Chrome

Guides CrUX

Apprenez à utiliser CrUX grâce à des guides faciles à suivre

• Rapport d'expérience utilisateur Chrome

Types de navigation désormais disponibles dans CrUX

Découvrez la nouvelle métrique "navigation_types" dans le rapport d'expérience utilisateur Chrome, et comment l'utiliser pour expliquer et optimiser vos métriques de performances Web.

• Chrome

CrUX dans BigQuery

Découvrez la structure de l'ensemble de données CrUX dans BigQuery.

• Rapport d'expérience utilisateur Chrome

Afficher les données du rapport d'expérience utilisateur Chrome dans PageSpeed Insights

PageSpeed Insights (PSI) est un outil permettant aux développeurs Web de comprendre les performances d'une page et de savoir comment les améliorer. Dans ce guide, découvrez comment utiliser PSI pour extraire des insights de l'expérience utilisateur CrUX et mieux comprendre l'expérience utilisateur.

• Rapport d'expérience utilisateur Chrome

Rollbacks de version dans le tableau de bord du développeur du Chrome Web Store

Cette semaine, nous sommes heureux de lancer une nouvelle fonctionnalité qui permet aux développeurs de revenir à la version précédente de leurs extensions publiées sur le Chrome Web Store. Notre objectif est de rassurer les développeurs lorsqu'ils

• Extensions Chrome
• Chrome

Nouveautés de WebGPU (Chrome 124)

Prise en charge des textures de stockage en lecture seule et en lecture/écriture, des service workers et des workers partagés, de nouveaux attributs d'informations sur les adaptateurs et des corrections de bugs.

• Chrome
• WebGPU

Assurez-vous que le texte reste visible pendant le chargement des polices Web

Découvrez comment utiliser l'API font-display pour que le texte de votre page Web soit toujours visible par vos utilisateurs.

Nouveautés des outils de développement, Chrome 124

Prise en charge des animations liées au défilement, nouveau panneau de saisie automatique, nouvelles options pour WebRTC dans la limitation de bande passante réseau, et plus encore.

• Chrome
• Outils pour les développeurs Chrome

Suppression du Profileur JS, profilage du processeur à l'aide du panneau "Performances"

Découvrez comment profiler les performances du processeur, et pourquoi et comment nous abandonnons le profileur JavaScript.

• Chrome

API notRestoredReasons pour le cache amélioré

Indique si les images présentes dans le document ont été bloquées pour l'utilisation du cache amélioré lors de la navigation.

Profiler les performances de Node.js à l'aide du panneau "Performances"

Découvrez comment profiler les performances d'une application Node.js à l'aide du panneau "Performances".

• Outils pour les développeurs Chrome

La phase d'évaluation de l'intégration de WebAssembly JavaScript Promise (JSPI)

JavaScript Promise Integration (JSPI) est une API qui permet à un code séquentiel synchrone compilé dans WebAssembly d'accéder aux API Web asynchrones.

• Chrome

Phase d'évaluation de l'API fetchLater

Découvrez l'API fetchLater, désormais disponible dans une phase d'évaluation, une nouvelle API permettant de demander une récupération différée qui se terminera même si la page est fermée.

• Chrome

Requêtes réseau: tester votre site en bloquant les requêtes réseau

Testez la manière dont votre site gère les ressources manquantes.

• Outils pour les développeurs Chrome

Chrome 124 bêta

L'attribut HTML writesuggestions, l'API WebSocketStream, l'en-tête de requête HTTP prioritaire, etc.

• Chrome

Défilements sélectionnables au clavier

Une modification est en cours de déploiement afin de rendre les Scrollers sans valeur Tabindex définie et sans enfant sélectionnable au clavier.

• Chrome

Nouveautés de Chrome 123

Chrome 123 est en cours de déploiement ! Avec la nouvelle fonction claire/foncée, l'API Long Animation Frames, l'API Service Worker Static Routing, et bien d'autres fonctionnalités. Adriana Jara possède toutes les informations nécessaires sur les nouveautés pour les développeurs dans Chrome 123.

• Chrome

Accès au réseau privé: protection étendue pour les workers et les récupérations de données de navigation

Découvrez les principaux mécanismes de sécurité liés à l'accès au réseau privé pour les workers Web, les récupérations de navigation et les protections à venir. Ce document explique également ce que les propriétaires de sites Web doivent faire s'ils utilisent des réseaux privés.

• Chrome

Utiliser l'API Service Worker Static Routing pour contourner le service worker sur des chemins spécifiques

Découvrez comment utiliser cette nouvelle API, disponible depuis Chrome 123.

• Chrome

Outils d'optimisation des performances en 2024 et au-delà

Découvrez les projets de l'équipe Chrome concernant l'amélioration du panneau "Performances" des outils de développement.

• Chrome
• Outils pour les développeurs Chrome

Masquer les demandes d'extension et autres améliorations du panneau "Réseau"

Découvrez les dernières améliorations apportées au panneau Chrome DevTools Network afin de simplifier votre expérience de débogage Web.

• Chrome
• Outils pour les développeurs Chrome

Présentation du panneau "Elements"

Modifiez instantanément le DOM.

• Outils pour les développeurs Chrome

Nouveautés de WebGPU (Chrome 123)

Prise en charge des fonctions intégrées DP4a, des paramètres de pointeur sans restriction, du sucre syntaxique pour déréférencer des composites en WGSL, etc.

• Chrome
• WebGPU

Afficher et modifier le CSS

Découvrez comment utiliser les outils pour les développeurs Chrome afin d'afficher et de modifier le CSS d'une page.

• Outils pour les développeurs Chrome

Mettre en pause votre code avec des points d'arrêt

Découvrez toutes les méthodes permettant de suspendre votre code dans les outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

Appliquer d'autres effets: activer le thème sombre automatique, émuler la mise au point, etc.

Mettez en surbrillance les cadres d'annonces, émulez la sélection sur une page, désactivez les polices et les formats d'images locaux, activez un thème sombre automatique et émulez des déficiences visuelles.

• Outils pour les développeurs Chrome

Documentation de référence sur les fonctionnalités CSS

Découvrez de nouveaux workflows d'affichage et de modification des CSS dans les outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

Optimiser l'efficacité de la compression avec des dictionnaires partagés

La compression sur le Web bénéficie d'un gain important grâce à la compression de dictionnaires partagés. Découvrez en quoi elles consistent, comment elles fonctionnent et comment elles peuvent réduire considérablement les temps de chargement par rapport à la compression standard pour les ressources statiques et dynamiques sur le Web.

• Chrome

Télécharger l'ancienne version de Chrome sans interface graphique

Vous pouvez désormais télécharger l'ancienne version de Chrome sans interface graphique en tant que binaire autonome pour chaque version de Chrome destinée aux utilisateurs.

• Chrome

Présentation du panneau "Application"

Obtenez des informations essentielles sur votre application Web directement depuis votre navigateur.

• Outils pour les développeurs Chrome

Rendre votre extension accessible

Pour de nombreux utilisateurs, l'accessibilité est littéralement l'interface utilisateur et ses fonctionnalités sont utiles à bien d'autres.

• Extensions Chrome

Présentation des nouveautés

Découvrez les dernières fonctionnalités des outils pour les développeurs Chrome

• Outils pour les développeurs Chrome

Améliorations apportées à l'API Speculation Rules

Informations sur les dernières mises à jour de l'API Speculation Rules, y compris la compatibilité avec les règles de document, les paramètres de portée, les limites et les règles de spéculation sur les plates-formes.

• Chrome

Internationalisation de l'interface

Utilisez l'API chrome.i18n pour afficher votre interface dans plusieurs langues.

• Extensions Chrome

Nouveautés des outils de développement (Chrome 123)

Œuf de Pâques, émulation de page ciblée dans "Elements" > Styles, nouvel audit Lighthouse, etc.

• Outils pour les développeurs Chrome
• Chrome

Extensions Chrome: parcours d'eyeo pour tester la suspension d'un service worker

Dans ce post, l'équipe Eyeo partage son parcours sur le problème des tests des service workers. en particulier comment s'assurer que les extensions Chrome fonctionnent correctement en cas de suspension d'un service worker.

• Extensions Chrome
• Chrome

Package Next.js permettant de gérer les bibliothèques tierces

Découvrez comment utiliser la bibliothèque @next/tiers pour optimiser le chargement des ressources tierces populaires

• Chrome

Prise en charge de "align-content" dans les mises en page de blocs et de tableaux

Dans Chrome 123, utilisez "align-content" pour aligner les éléments sans créer de conteneur flexible ou de grille.

• Chrome

Chrome 123 bêta

Fonction de couleur CSS light-dark(), align-content pour les blocs, la propriété field-sizing et l'événement pagereveal.

• Chrome

Nouveautés de Chrome 122

Chrome 122 est en cours de déploiement ! Avec la nouvelle API Storage Buckets, le panneau "Performances des outils de développement" a été mis à jour, une option non rectifiée permettant de lire le code HTML avec l'API Async Clipboard et bien d'autres nouveautés sont disponibles. Adriana Jara possède toutes les informations nécessaires sur les nouveautés pour les développeurs dans Chrome 122.

• Chrome

Simuler des appareils mobiles avec le mode Appareil

Utilisez des appareils virtuels en mode Appareil de Chrome pour créer des sites Web axés sur les mobiles.

• Outils pour les développeurs Chrome

Raccourcis clavier

Documentation canonique sur les raccourcis clavier des outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

Modifications apportées à l'héritage ::backdrop CSS

À partir de Chrome 122, l'élément "::backdrop" hérite des propriétés de son élément d'origine.

• Chrome

Configurer les icônes d'extension

Une extension nécessite au moins une icône pour la représenter dans la barre d'outils.

• Extensions Chrome

Panneau d'amélioration des performances 400% plus rapide grâce aux performances

Le panneau "Performances" des outils de développement est un outil performant qui permet de diagnostiquer, de déboguer et de résoudre les problèmes de performances des applications Web. À cette occasion, nous vous expliquerons comment nous avons utilisé le panneau "Performances" dans les outils de développement pour améliorer les performances du panneau lui-même, et comment nous avons obtenu une nette amélioration.

• Chrome

Chrome Extensions

À déterminer

• Extensions Chrome

Migrer vers Manifest V3

Guide de conversion des extensions Manifest V2 en extensions Manifest V3

• Extensions Chrome

Utiliser WebHID

L'API WebHID, qui expose sur le Web les appareils compatibles avec Human Interface Device (HID), est disponible dans les extensions.

• Extensions Chrome

Utiliser WebUSB

L'API WebUSB, qui expose sur le Web des appareils compatibles avec le bus universel en série (Universal Serial Bus, USB) non standard, est disponible dans des extensions.

• Extensions Chrome

Nouveautés de WebGPU (Chrome 122)

Mode de compatibilité en cours de développement, augmentation de la limite maxVertexAttributes et mises à jour de l'aube.

• Chrome
• WebGPU

Fichier manifeste – Content Security Policy

Documentation de référence sur les propriétés de la stratégie de sécurité du contenu de manifest.json.

• Extensions Chrome

Dimensionnement des champs CSS

Une ligne de code pour le dimensionnement automatique des éléments dont le contenu est modifiable.

Enregistrer des instantanés de segment de mémoire

Apprenez à enregistrer des instantanés de tas de mémoire avec le profileur de segments de mémoire et à détecter les fuites de mémoire.

• Outils pour les développeurs Chrome

chrome.runtime

Utilisez l'API chrome.runtime pour récupérer le service worker, renvoyer des informations sur le fichier manifeste, et écouter et répondre aux événements du cycle de vie de l'extension. Vous pouvez également utiliser cette API pour convertir le

• Extensions Chrome

Utiliser Web Push

Guide par étapes sur l'utilisation du push Web avec les extensions Chrome

• Extensions Chrome

Consignes concernant les avertissements concernant les autorisations

Fonctionnement des avertissements d'autorisation dans les extensions Chrome

• Extensions Chrome

Déclarer des autorisations

Présentation des valeurs valides pour la propriété des autorisations dans le fichier manifest.json.

• Extensions Chrome

Une nouvelle façon de créer des expériences d'édition Web personnalisées à l'aide de l'API EditContext

EditContext est une nouvelle API lancée dans Chrome et Edge qui aide les développeurs à créer des fonctionnalités d'édition de texte avancées dans le navigateur. Pour en savoir plus, lisez cet article.

• Chrome

Nouveautés des outils de développement (Chrome 122)

Avertissements de suppression progressive des cookies tiers dans les panneaux "Réseau" et "Application", débogage amélioré dans le panneau "Réseau", fils d'Ariane dans le panneau "Performances", etc.

• Outils pour les développeurs Chrome
• Chrome

Conseils concernant les outils de développement: déboguer les navigations spéculatives pour accélérer le chargement des pages

Accélérez la navigation sur le Web avec des chargements spéculatifs et découvrez comment les déboguer.

• Chrome
• Outils pour les développeurs Chrome

Répondre aux commandes

Permettent de répondre aux combinaisons de touches personnalisées dans une extension.

• Extensions Chrome

L'évaluation avant arrêt de SharedArrayBuffer sur ordinateur dans Chrome est étendue à Chrome 124

L'évaluation avant arrêt de SharedArrayBuffer sans isolation multi-origine sur les ordinateurs Chrome est prolongée jusqu'à Chrome 124.

• Chrome

Chrome 122 bêta

Dans la version bêta de Chrome 122, vous pouvez accéder à des assistants d'itérateur, définir des méthodes, utiliser l'API Storage Buckets, lire du code HTML non rectifié dans l'API Async Clipboard, et bien plus encore.

• Chrome

Personnaliser l'Enregistreur avec des extensions

Personnalisez et intégrez l'Enregistreur en installant des extensions.

• Outils pour les développeurs Chrome

Que se passe-t-il avec les extensions Chrome ?

Voici un aperçu des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extension intéressantes à venir pour les développeurs.

• Chrome
• Extensions Chrome

Nouveautés de Chrome 121

Chrome 121 est en cours de déploiement ! Avec des mises à jour CSS, des améliorations de l'API Speculation Rules, une phase d'évaluation pour l'API Element Capture et de nombreuses autres nouveautés. Adriana Jara possède toutes les informations nécessaires sur les nouveautés pour les développeurs dans Chrome 121.

• Chrome

Déclencher des actions depuis l'omnibox

Déclencher des actions depuis l'omnibox

• Extensions Chrome

Nouveautés de WebGPU (Chrome 121)

Prise en charge de WebGPU sur Android, utilisation de DXC pour la compilation de nuanceurs, requêtes d'horodatage dans les passes de calcul et de rendu, points d'entrée par défaut des modules de nuanceur, prise en charge de display-p3 en tant qu'espace colorimétrique GPUExternalTexture, informations sur les tas de mémoire, etc.

• Chrome
• WebGPU

Style de barre de défilement

Utilisez les propriétés "scrollbar-width" et "scrollbar-color" pour appliquer un style aux barres de défilement.

Accès sécurisé au DOM avec Angular SSR

Découvrez comment utiliser de façon sécurisée le DOM avec la fonctionnalité SSR dans Angular

• Chrome

Tester le Bluetooth Web avec Puppeteer

Utilisez Puppeteer pour tester les fonctionnalités qui utilisent l'API Web Bluetooth dans Chrome.

• Chrome

Utiliser Firebase Cloud Messaging (FCM) avec chrome.gcm

Guide par étapes sur l'utilisation de Firebase Messaging avec chrome.gcm

• Extensions Chrome

Optimiser les tests de modèles d'IA Web: GPU Web, WebGL et Chrome sans interface graphique

Découvrez nos solutions pour automatiser en permanence les tests des navigateurs et améliorer les performances des applications.

• Chrome
• WebGPU

Tests de modèles d'IA Web dans Google Colab

Découvrez comment tester des modèles d'IA côté client sur navigateur, tout en restant évolutifs, automatisables et dans une configuration matérielle standardisée.

• WebGPU

Mode d'écriture vertical CSS pour les éléments de contrôle de formulaire

Chrome ajoute une nouvelle fonctionnalité CSS internationale.

• Chrome

Implémenter une action

Répondez à un utilisateur qui clique sur la barre d'outils.

• Extensions Chrome

Autorisations persistantes pour l'API File System Access

Cet article explique comment gérer les autorisations persistantes pour l'API File System Access. Il fournit également un bref récapitulatif de l'état actuel du problème et des défis qui sont résolus.

• Chrome

Astuces DevTools: couleurs de création

Découvrez comment créer des couleurs en quelques clics.

• Outils pour les développeurs Chrome
• Chrome

Inspectez et déboguez les couleurs HD et non HD à l'aide du sélecteur de couleur

Découvrez comment utiliser le sélecteur de couleurs dans les éléments > Styles pour inspecter et déboguer les couleurs HD et non HD.

• Outils pour les développeurs Chrome

Conseils concernant les outils de développement: débogage de la priorité de récupération

Découvrez comment déboguer la priorité de récupération.

• Chrome
• Outils pour les développeurs Chrome

Extensions de champ d'application d'application Web

À partir de Chrome 122, vous pouvez vous abonner à la phase d'évaluation pour le membre du fichier manifeste de l'application scope_extensions, qui permet aux sites qui contrôlent plusieurs sous-domaines et domaines de premier niveau d'être présentés comme une seule application Web.

CSS text-wrap: balance

Une technique de typographie classique consistant à créer manuellement des retours à la ligne pour équilibrer les blocs de texte est désormais disponible dans CSS.

Exploitez toute la puissance de WebDriver BiDi: automatisation de Chrome et Firefox avec Puppeteer

Puppeteer communique avec Firefox ! 🎉 Mais attendez, mais n'est-ce pas déjà ? 🤔 Plongeons dans WebDriver BiDi, le nouveau protocole de Puppeteer, et découvrons ce que ce développement passionnant implique pour le workflow d'automatisation de Firefox.

• Chrome

Créer un menu contextuel

Implémentez un pop-up, qui est une fenêtre qui permet aux utilisateurs d'appeler les fonctionnalités d'extension.

• Extensions Chrome

Gérer les cas de non-respect du code hébergé à distance

Un service worker permet d'exécuter des extensions uniquement en cas de besoin, ce qui permet d'économiser des ressources.

• Extensions Chrome

Intents Android avec Chrome

Lancez des applications directement depuis une page Web avec un intent Android.

Quelles sont les performances des cadres modernes par rapport à la nouvelle métrique INP ?

Cet article traite de la pertinence de la nouvelle métrique INP pour les sites Web basés sur des frameworks et du travail d'Aurora pour soutenir les cadres d'optimisation de cette métrique.

Google Chrome sur Android

Pour obtenir la liste complète des fonctionnalités destinées aux développeurs dans Chrome sur Android, consultez chromestatus.com. Téléchargez Chrome sur le Play Store. Lorsque l'utilisateur se connecte à Chrome sur un appareil, les onglets et

Ajouter un pop-up

Implémentez un pop-up, qui est une fenêtre qui permet aux utilisateurs d'appeler les fonctionnalités d'extension.

• Extensions Chrome

Chrome active le mode ordinateur par défaut sur les tablettes premium

Chrome s'est adapté à l'écosystème des tablettes Android en activant le mode ordinateur par défaut sur les tablettes premium.

• Chrome

Accordéon exclusif

Crée un accordéon exclusif avec plusieurs éléments `` ayant le même nom.

Nouveautés des outils de développement (Chrome 121)

Prise en charge de @font-palette-values dans les éléments, amélioration de la prise en charge des cartes sources, amélioration des performances &gt, suivi des interactions, etc.

• Outils pour les développeurs Chrome
• Chrome

Nouveautés de WebGPU (Chrome 120)

Prise en charge des valeurs 16 bits à virgule flottante dans WGSL, augmentation des limites, changements d'état du pochoir de profondeur, mises à jour des informations sur les adaptateurs, etc.

• Chrome
• WebGPU

Nouveautés de WebGPU

Tenez-vous informé des dernières modifications apportées à WebGPU.

• WebGPU

Amélioration du partage d'onglet avec la capture de région

La plate-forme Web intègre désormais la capture de région, un moyen efficace et robuste pour recadrer une piste vidéo.

Code CSS enveloppé: 2023 !

2023 a été une année charnière pour les CSS ! Découvrez ce qui a été ajouté à Chrome et sur la plate-forme Web cette année.

• Chrome

Afficher, ajouter, modifier et supprimer les cookies

Découvrez comment afficher, ajouter, modifier et supprimer les cookies HTTP d'une page à l'aide des outils pour les développeurs Chrome.

• Outils pour les développeurs Chrome

Phase d'évaluation de l'invite d'autorisation d'accès au réseau privé: méthode permettant de migrer des sites Web avec HTTPS

Conformément à la spécification PNA (Private Network Access), Google Chrome abandonne l'accès aux points de terminaison du réseau privé depuis les sites Web publics non sécurisés.

• Chrome

Comment les outils pour les développeurs Chrome aident-ils à se défendre contre les attaques par auto-xsSS

Découvrez comment les outils pour les développeurs Chrome limitent les attaques auto-XSS en bloquant le collage de code pour les utilisateurs inexpérimentés des outils de développement.

• Outils pour les développeurs Chrome
• Chrome

Afficher les détails du cadre

Afficher les détails du frame.

• Outils pour les développeurs Chrome

Accéder aux serveurs locaux et aux instances Chrome avec le transfert de port

Hébergez un site sur le serveur Web d'une machine de développement, puis accédez au contenu depuis un appareil Android.

• Outils pour les développeurs Chrome

Nouveautés de Chrome 120

Le déploiement de Chrome 120 est en cours. Avec l'API CloseWatcher pour assurer une expérience cohérente lors du traitement des requêtes de fermeture, l'implémentation simple d'un modèle en accordéon avec l'élément de détails, des rapports de non-respect des règles d'autorisation sont désormais disponibles et bien d'autres fonctionnalités.

• Chrome

Conseils sur les outils de développement: déboguer le cache amélioré

Découvrez comment déboguer le cache amélioré et faire en sorte que votre page se charge instantanément.

• Outils pour les développeurs Chrome
• Chrome

Revoir les critères d'installation de Chrome

Dans les mois à venir, Chrome va effectuer des tests dans le but de simplifier les critères d'installation des applications, afin d'améliorer l'expérience des développeurs et des utilisateurs. Dans cet article, vous découvrirez les changements à venir et les raisons pour lesquelles nous effectuons ces tests.

• Chrome

Astuces pour les outils de développement: Qu'est-ce que le DOM ? HTML et DOM

Découvrez comment déboguer le DOM à l'aide des outils de développement.

• Outils pour les développeurs Chrome
• Chrome

Présentation de quatre nouvelles fonctionnalités internationales en CSS

Chrome ajoute quatre nouvelles fonctionnalités CSS internationales.

• Chrome

API Page Lifecycle

L'API Page Lifecycle apporte sur le Web des fonctionnalités de cycle de vie des applications courantes sur les systèmes d'exploitation mobiles. Les navigateurs peuvent désormais figer et supprimer les pages en arrière-plan en toute sécurité afin d'économiser les ressources, et les développeurs peuvent gérer ces interventions en toute sécurité sans nuire à l'expérience utilisateur.

Code HTML non rectifié dans l'API Async Clipboard

À partir de Chrome 120, une nouvelle option non rectifiée est disponible dans l'API Async Clipboard. Découvrez comment l'utiliser dans ce guide.

Liste d'éléments à ignorer

Référence de l'onglet "Liste d'éléments à ignorer"

• Outils pour les développeurs Chrome

Reprise de la transition vers Manifest V3

En décembre dernier, nous avons suspendu l'abandon prévu de la version V2 du fichier manifeste afin de prendre en compte les commentaires des développeurs et de proposer de meilleures solutions aux problèmes de migration. Nous avons donc apporté un

• Extensions Chrome
• Chrome

Picture-in-picture automatique pour les applications Web de visioconférence

Chrome permet aux applications Web de visioconférence de passer automatiquement en Picture-in-picture.

• Chrome

Amélioration du filtrage de contenu dans Manifest V3

Au cours de l'année écoulée, nous avons activement discuté avec les fournisseurs de plusieurs extensions de blocage de contenu sur les moyens d'améliorer la plate-forme d'extensions MV3. Sur la base de ces discussions, dont la plupart ont eu lieu

• Chrome
• Extensions Chrome

Nouveautés de la directive Angular NgOptimizedImage

Découvrez les nouvelles fonctionnalités incluses dans la directive Angular NgOptimizedImage, qui améliorent encore les performances des images dans les applications Angular.

• Chrome

Phase d'évaluation de l'API Service Worker Static Routing

Découvrez la première phase du routage statique des service workers (désormais en phase d'évaluation). Cette nouvelle API permet de spécifier de manière déclarative comment les routes doivent être traitées (ou non) par votre service worker.

• Chrome

Nouveautés des outils de développement (Chrome 120)

Problèmes de suppression progressive des cookies tiers signalés dans le panneau "Problèmes", outil d'analyse de la Privacy Sandbox pour les cookies, règlement efficace de Content Security dans le panneau "Applications", débogage amélioré des animations, liste améliorée des éléments à ignorer, etc.

• Chrome
• Outils pour les développeurs Chrome

Mise à jour de la syntaxe souple de l'imbrication CSS

L'imbrication avant la conversion est activée dans Chrome 120.

• Chrome

Capturer l'écosystème WebGPU

Découvrez comment l'écosystème WebGPU s'étend au-delà des domaines JavaScript, C+ et Rust.

• Chrome
• WebGPU

Modification du mode de durabilité par défaut dans IndexedDB

À partir de Chrome 121, le mode de durabilité dans IndexedDB passe du mode strict au mode assoupli.

• Chrome

Nouveautés de Chrome 120 pour les extensions

Résumé des modifications importantes apportées à Chrome 120 pour les développeurs d'extensions Chrome.

• Chrome
• Extensions Chrome

Chrome 120 bêta

Masquage CSS, règles assouplies d'imbrication CSS, création de modèles d'accordéon avec l'élément, action enterpictureinpicture pour l'API Media Session.

• Chrome

file_handlers

Documentation de référence sur la propriété file_handlers de manifest.json.

• Extensions Chrome

Gestion des fichiers sous Chrome OS

Ouvrir des fichiers dans les service workers des extensions Chrome, les fenêtres pop-up, les panneaux latéraux ou les scripts de contenu

• Extensions Chrome

Nouveautés de Chrome 119

Chrome 119 est en cours de déploiement ! Nous avons modifié la limite supérieure de date d'expiration pour les cookies déjà stockés. Le CSS dispose de nouvelles pseudo-classes, d'une syntaxe de couleur relative, d'améliorations de Fenced Frames comme les macros de taille d'annonce, et bien plus encore.

• Chrome

La récupération de mémoire WebAssembly (WasmGC) est désormais activée par défaut dans Chrome

Il existe deux types de langages de programmation: les langages de programmation avec récupération de mémoire et les langages de programmation qui nécessitent une gestion manuelle de la mémoire. Avec la collecte des ordures WebAssembly, les langages avec collecte des ordures peuvent être portés vers WebAssembly.

• Chrome

CSS preferences-reduced-transparency

Optimisez et ajustez votre stratégie pour les utilisateurs qui préfèrent une interface utilisateur opaque.

• Chrome

Nouveautés de WebGPU (Chrome 119)

Textures flottantes 32 bits filtrables, format de sommet unorm10-10-10-2, format de texture rgb10a2uint, etc.

• Chrome
• WebGPU

Sélection de l'élément: désormais avec des règles horizontales

Découvrez comment les fonctionnalités étendues de sélection d'éléments activent des pauses horizontales visuelles pour améliorer le regroupement.

• Chrome

Encapsulation de texte CSS: jolie

Activer le retour automatique à la ligne optimisé pour la beauté plutôt que la vitesse.

• Chrome

Que se passe-t-il avec les extensions Chrome ?

Voici un aperçu des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extension intéressantes à venir pour les développeurs.

• Extensions Chrome
• Chrome

Migration de l'outil de suivi des problèmes Chromium

En janvier 2024, le suivi des problèmes dans Chromium sera remplacé par un outil optimisé par l'outil Issue Tracker de Google.

• Chrome

Abandon de l'API Sanitizer

L'implémentation actuelle de l'API Sanitizer est obsolète à partir de Chrome 119 pour rattraper les futures mises à jour des spécifications.

• Chrome

Numéro de série via Bluetooth sur le Web

L'API Web Serial est désormais compatible avec les services Bluetooth RFCOMM.

• Chrome

Tests unitaires des extensions Chrome

Écrire des tests unitaires pour les extensions

• Extensions Chrome

Tests de bout en bout pour les extensions Chrome

Comment écrire des tests de bout en bout pour les extensions

• Extensions Chrome

Tester les extensions Chrome avec Puppeteer

Écrire un test automatisé pour les extensions Chrome à l'aide de Puppeteer

• Extensions Chrome

Signaler un bug lié à une extension

Signaler des bugs dans les extensions ou des problèmes au niveau de la documentation

• Extensions Chrome

Rechercher et suivre un bug

Vérifiez si un bug ou une demande de fonctionnalité ont déjà été signalés.

• Extensions Chrome

Syntaxe des couleurs relatives au CSS

Créer de nouvelles couleurs en fonction des canaux et des valeurs d'une autre couleur.

• Chrome

Nouveautés de Chrome 118

Chrome 118 est en cours de déploiement ! Déclarez des styles spécifiques dans un composant à l'aide de la règle @scope css. Utilisation d'une nouvelle fonctionnalité multimédia: preferred-reduced-transparency. Le panneau "Sources" des Outils de développement a été amélioré, et de nombreuses autres nouveautés sont disponibles.

• Chrome

Nouveautés des outils de développement (Chrome 119)

Amélioration de la section @property dans les styles, mise à jour de la liste des appareils, amélioration de l'impression élégante dans les sources et de la saisie semi-automatique dans la console.

• Chrome
• Outils pour les développeurs Chrome

Améliorations de l'API pour l'utilisation de fichiers dans le navigateur

Prise en charge de plusieurs lecteurs et rédacteurs pour FileSystemSyncAccessHandle et rédacteur exclusif pour FileSystemWritableFileStream. Le système de fichiers privé d'origine (parfois appelé système de fichiers de bucket) permet aux développeurs

• Chrome

Nouvelle phase d'évaluation pour les fenêtres pop-up en plein écran

Une nouvelle phase d'évaluation est désormais disponible pour ouvrir les fenêtres pop-up en mode plein écran en une seule étape.

• Chrome

Chrome 119 bêta

La version bêta de Chrome 119 inclut une syntaxe de couleurs relatives aux feuilles de style CSS, de nouvelles pseudo-classes et bien plus encore.

• Chrome

Limiter la portée de vos sélecteurs avec l'attribut CSS @scope at-rule

Découvrez comment utiliser @scope pour ne sélectionner des éléments que dans une sous-arborescence limitée de votre DOM.

Conseils concernant les outils de développement: débogage des extensions Chrome

Découvrez comment utiliser les outils de développement pour déboguer les extensions Chrome.

• Chrome
• Extensions Chrome
• Outils pour les développeurs Chrome

Chrome est désormais compatible avec les clés d'accès sur le trousseau iCloud sous macOS

Chrome sur macOS accepte désormais les clés d'accès sur le trousseau iCloud. Les utilisateurs pourront ainsi créer des clés d'accès sur le trousseau iCloud et les synchroniser avec leurs appareils Apple.

• Chrome

Nouveautés du GPU Web (Chrome 118)

Compatibilité étendue des sources avec copyExternalImageToTexture, compatibilité expérimentale avec la texture de stockage en lecture-écriture et en lecture seule, etc.

• Chrome
• WebGPU

Navigation fluide grâce aux transitions de vue

Présentation détaillée de la façon dont CyberAgent, RedBus, Nykaa et PolicyBazaar ont implémenté des transitions de vue et pourquoi.

• Chrome

Nous sommes Chrome for Developers

Célébrons le 15e anniversaire de Chrome et notre rôle de partenaire de confiance et d'aide pour les développeurs.

• Chrome

De WebGL vers WebGPU

Découvrez des conseils pour les développeurs WebGL qui migrent vers WebGPU.

• Chrome

Nouveautés des outils de développement (Chrome 118)

Nouvelle section des propriétés personnalisées dans la section Éléments > Styles, améliorations des remplacements locaux, recherche améliorée, espace de travail simplifié dans les sources, etc.

• Chrome
• Outils pour les développeurs Chrome

Chrome 118 bêta

Styles délimités pour CSS, fonctionnalités multimédias supplémentaires, conteneurs de défilement sélectionnables au clavier, etc.

• Chrome

Nouveautés de Chrome 117

Chrome 117 est en cours de déploiement ! Avec trois nouvelles fonctionnalités CSS qui facilitent l'ajout d'animations d'entrée et de sortie fluides, le regroupement de tableaux pour calculer des ensembles de données d'ordre supérieur, les outils de développement facilitent les forçages locaux et bien plus encore.

• Chrome

Effectuer la transition à partir des applications Chrome

Migrer une application Chrome empaquetée ou hébergée

Nouveautés du GPU Web (Chrome 117)

Annulez la définition du tampon des sommets et du groupe de liaisons, donnez l'impression que les appareils perdus fonctionnent, etc.

• Chrome
• WebGPU

Publier votre extension

Conseils pour publier une nouvelle extension Manifest V3

• Extensions Chrome

Google Summer of Code et extensions Chrome

Expérience et conseils pour participer au programme Google Summer of Code.

• Chrome
• Extensions Chrome

Astuces pour les outils de développement: extraits et expressions actives

Utilisez des extraits pour exécuter le code que vous utilisez fréquemment et des expressions actives pour surveiller les valeurs en temps réel.

• Chrome
• Outils pour les développeurs Chrome

Versions de Chrome plus rapides (deuxième tour !)

À partir de Chrome 119, nous réduirons le délai entre la branche pour une version et sa version stable.

• Chrome

Transitions de la vue astro

Montrez comment la communauté Astro a adopté les transitions de vue lorsque Chrome conçoit l'API et l'a permis d'obtenir une prise en charge de premier ordre pour cette API sur les îles persistantes Astro.

• Chrome

Présentation de la phase d'évaluation de scheduler.yield

"scheduler.yield" est un nouvel ajout proposé à l'API de planification, qui est actuellement en phase d'évaluation. Il s'agit d'une nouvelle approche de la répartition des tâches pour une expérience utilisateur plus réactive. Découvrez les avantages de cette proposition d'ajout à l'API de planification, et inscrivez-vous à la phase d'évaluation pour nous aider à obtenir des insights et des commentaires.

• Chrome

Nouveautés de Lighthouse 11

Lighthouse 11 intègre de nouvelles modifications d'accessibilité et des mises à jour d'audit

• Chrome

Concevez efficacement vos commandes CPP (Chrome Devtools Protocol) avec le nouvel éditeur de commandes

Pour faciliter la saisie des commandes CPP (Chrome Devtools Protocol), les outils de développement ont introduit un nouvel éditeur convivial qui vous évite d'utiliser JSON.

• Chrome

Nouveautés des outils de développement (Chrome 117)

Remplacez les requêtes XHR/fetch et masquez les demandes d'extension dans le panneau "Network", voyez les modifications apportées à la priorité d'extraction dans le panneau "Performance", profitez de plusieurs améliorations de l'interface utilisateur, découvrez de nouvelles couleurs et de nouvelles fonctionnalités expérimentales, et plus encore.

• Chrome
• Outils pour les développeurs Chrome

Le contrôle de situation est désormais disponible sur la page chrome://extensions

À partir de Chrome 117, Chrome signalera de manière proactive aux utilisateurs lorsqu'une extension qu'ils ont installée ne se trouve plus sur le Chrome Web Store.

• Chrome
• Extensions Chrome

Quatre nouvelles fonctionnalités CSS pour des animations d'entrée et de sortie fluides

Découvrez les nouvelles fonctionnalités qui permettent une transition en douceur des animations discrètes et entre la couche supérieure

• Chrome

Chrome 117 bêta

Sous-grille CSS, animations d'entrée et de sortie pour CSS, regroupement de tableaux, assistants d'itérateur, etc.

• Chrome

Nouveautés de Chrome 116

Chrome 116 est en cours de déploiement ! Utilisez l'API Document Picture-in-picture pour augmenter la productivité des utilisateurs. Il est désormais plus facile de déboguer les feuilles de style manquantes dans les outils de développement, et ce n'est pas tout !

• Chrome

Fichier manifeste - scripts de contenu

Documentation de référence sur la propriété "content_scripts" de manifest.json.

• Extensions Chrome

Interactions avec des fenêtres pop-up sécurisées avec des propriétés de restriction

Bénéficiez d'une isolation multi-origine et d'une protection contre les fuites intersites tout en interagissant avec les pop-ups.

• Chrome

Nouveautés du GPU Web (Chrome 116)

Intégration de WebCodecs, améliorations de la lecture des vidéos, et plus encore.

• Chrome
• WebGPU

Autorisations ponctuelles dans Chrome

L'option "Autoriser cette fois-ci" n'est disponible qu'une seule fois dans Chrome. Dans un premier temps, il ne sera disponible que sur ordinateur pour la géolocalisation, l'appareil photo et le micro.

• Chrome

Conseils sur les outils de développement: points d'arrêt et points de journalisation

Utilisez des points d'arrêt et de journalisation pour effectuer facilement le débogage.

• Outils pour les développeurs Chrome
• Chrome

PostMessage pour TWA

Depuis Chrome 115, les activités Web fiables (TWA) peuvent envoyer des messages à l'aide de postMessage. Ce document décrit la configuration nécessaire à la communication entre votre application et le Web.

Nouveautés de Chrome 116 pour les extensions

Résumé des modifications importantes apportées à Chrome 116 pour les développeurs d'extensions Chrome.

• Chrome
• Extensions Chrome

Chrome 116 bêta

Trajectoire d'animation CSS, API NotRestoredReason du cache amélioré, document Picture-in-picture, etc.

• Chrome

Déboguer des sites Web dans Chrome sous iOS 16.4 et versions ultérieures

Découvrez comment utiliser le débogage de l'inspecteur Web de Safari pour Chrome sur iOS.

• Chrome

Nouveautés de Chrome 115

Utilisez ScrollTimeline et ViewTimeline pour créer des animations liées au défilement qui améliorent l'expérience utilisateur. Les cadres Fenced fonctionnent avec d'autres API de la Privacy Sandbox pour intégrer du contenu pertinent tout en évitant le partage de contexte inutile. Avec l'API Topics, le navigateur peut partager avec des tiers des informations sur les centres d'intérêt d'un utilisateur tout en préservant la confidentialité, et ce n'est pas tout !

• Chrome

Que se passe-t-il avec les extensions Chrome ?

Voici un aperçu des modifications apportées cette année aux extensions Chrome, ainsi que des fonctionnalités d'extension intéressantes à venir pour les développeurs.

• Chrome
• Extensions Chrome

Étude de cas sur les performances des animations liées au défilement

La nouvelle API est beaucoup plus fluide que la méthode classique d'implémentation des animations liées au défilement.

• Chrome

Conseils concernant les outils de développement: enregistrer et revoir des parcours utilisateur avec l'Enregistreur

Découvrez comment enregistrer, revoir et déboguer des parcours utilisateur dans le panneau "Enregistreur" des outils de développement.

• Outils pour les développeurs Chrome
• Chrome

Utiliser WebSockets dans les service workers

Instructions détaillées pour vous connecter à un WebSocket dans votre extension Chrome.

• Extensions Chrome

WebRTC: ancien guide de migration de getStats()

Découvrez comment utiliser le débogage de l'inspecteur Web de Safari pour Chrome sur iOS.

• Chrome

Conseils concernant les outils de développement: stockage local et de session

Utilisez Application > Stockage local et Stockage de session pour déboguer les paires clé-valeur.

• Chrome
• Outils pour les développeurs Chrome

Nouveautés des outils de développement (Chrome 116)

DevTools bénéficie de plusieurs améliorations pour vous aider à identifier et à déboguer plus rapidement les problèmes liés aux feuilles de style manquantes: Le panneau Network (Réseau) renseigne de manière cohérente la colonne Initiator (Initiateur)

• Outils pour les développeurs Chrome
• Chrome

Nouveautés du GPU Web (Chrome 115)

Extensions de langage WGSL compatibles, compatibilité expérimentale avec Direct3D 11, etc.

• Chrome
• WebGPU

Utiliser la géolocalisation

Comment utiliser la géolocalisation dans les service workers des extensions Chrome, les fenêtres pop-up, les panneaux latéraux ou les scripts de contenu.

• Extensions Chrome

Chrome for Testing: téléchargements fiables pour l'automatisation des navigateurs

Chrome for Testing est une nouvelle version de Chrome qui cible spécifiquement les cas d'utilisation de tests d'applications Web et d'automatisation.

• Chrome for Testing
• Chrome

Déboguer WebAssembly C/C++

Découvrez comment utiliser les outils pour les développeurs Chrome afin de rechercher et de corriger les bugs dans C/C++ WebAssembly.

• Outils pour les développeurs Chrome

Photoshop a résolu le problème des fichiers trop volumineux pour tenir en mémoire

Découvrez comment Adobe a réussi à permettre aux utilisateurs de modifier même les fichiers les plus volumineux dans la version Web de son application iconique Photoshop. (Cet article est également disponible sous forme de vidéo.) En 2021, Adobe et

• Chrome