Exemples
Prise en charge des navigateurs
Présentation des fonctionnalités des onglets personnalisés et de la disponibilité de leur navigateur.
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
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.
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é en tant que schéma JSON et est strictement validé par Chrome. Ce schéma doit être stocké dans un indiqué par la propriété
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
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". À
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
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.
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
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 – 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 – 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 afin de dissuader les utilisateurs d'installer des applications ou des extensions qui ne fonctionneront pas sur
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
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 – Bac à sable
Avertissement:À partir de la version 57, Chrome n'autorisera plus les contenus Web externes (y compris des frames et des scripts intégrés) dans des pages en bac à sable. Veuillez utiliser une vue Web à la place. Définit un ensemble de pages
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
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.
flux-de-zone de travail
RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > Réponse ReadableStream BodyInit Prend plusieurs promesses sources, chacune pouvant se résoudre en une réponse, un ReadableStream ou un BodyInit. Renvoie un objet
Retarder le déploiement de la fonction CSS @function de Chrome 136 à Chrome 139
L'équipe Chrome répond aux préoccupations de la communauté.
Utiliser scheduler.yield() pour diviser les tâches longues
scheduler.yield() est une nouvelle API permettant de diviser de manière ergonomique les tâches longues et de poursuivre l'exécution de manière prioritaire.
Comment eBay a amélioré ses taux de connexion de 10% grâce au partage continu d'identifiants
Découvrez comment eBay a amélioré le taux de réussite des connexions de 10% grâce aux liens vers des composants numériques pour partager facilement des identifiants. Découvrez comment implémenter une authentification sécurisée et multiplate-forme, et améliorer l'expérience utilisateur.
Chrome Web Store
Chrome Web Store Place de marché en ligne où les utilisateurs peuvent parcourir les extensions et les thèmes. Publiez votre extension à cet endroit et rendez-la accessible à tous. dashboard Tableau de bord du développeur Publiez votre extension et
Qu'est-ce que ChromeDriver ?
ChromeDriver est un serveur autonome qui implémente la norme WebDriver du W3C.
Chrome 134
Sélection personnalisable, fermeture de la boîte de dialogue avec un appui léger, et plus encore.
Débloquez des cas d'utilisation intéressants avec l'API Picture-in-Picture pour les documents
Découvrez comment l'interface Picture-in-picture de Document a amélioré l'expérience d'apprentissage en ligne.
Nouveautés de Chrome 134
Chrome 134 est en cours de déploiement ! Il inclut une fonctionnalité de fermeture des boîtes de dialogue, et bien plus encore.
Annuler l'examen dans le tableau de bord du développeur Chrome Web Store
Vous pouvez désormais arrêter le processus d'examen d'un élément en attente d'examen.
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
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
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
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
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.
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.
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.
Pop-over = hint
Découvrez le nouveau mode de pop-up qui simplifie les info-bulles et autres éléments flottants.
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.
Comment NRK donne vie à ses histoires grâce aux animations liées au défilement
Découvrez comment les animations déclenchées par le défilement améliorent les articles de storytelling.
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
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
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
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
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
Découvrir Chrome
Découvrir Chrome Chrome 134, version bêta Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 Nouveautés Chrome Outils de développement
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.
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
Comment la recherche Google utilise-t-elle les règles de spéculation ?
Découvrez comment la recherche Google utilisait l'API Speculation Rules pour précharger de manière anonyme les résultats de recherche afin d'améliorer l'expérience utilisateur.
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.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
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
Utiliser l'ensemble de données CrUX BigQuery
Dans ce guide, vous allez apprendre à utiliser BigQuery pour écrire des requêtes sur l'ensemble de données CrUX afin d'extraire des résultats pertinents sur l'état des expériences utilisateur sur le Web.
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.
Docs
Exemples de code, guides et documentation de référence d'API dont vous avez besoin pour votre création
Extensions / Premiers pas
Tout ce que vous devez savoir pour commencer à utiliser les extensions 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.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
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
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.
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
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.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
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
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
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.
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.
- 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.
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
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.
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.
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é.
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.
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.
CSS scroll-state()
Comme les requêtes de conteneur, mais pour les requêtes bloquées, figées et débordantes.
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 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.
CSS text-box-trim
Récupérez l'espace au-dessus et en dessous de votre contenu textuel pour obtenir un équilibre visuel.
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.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
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
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.
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.
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
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
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
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
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.
- WebGPU
Nouveautés des extensions Chrome
Modifications récentes apportées à la plate-forme, à la documentation et aux règles des extensions Chrome
Compiler avec Chrome
Découvrez ce qui est inclus dans les dernières versions stables et bêta de 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
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
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
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
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
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
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
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
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
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.
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.
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.
É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
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.
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.
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"
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
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.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"
chrome.documentScan
Utilisez l'API chrome.documentScan pour découvrir et récupérer des images dans les scanners de documents connectés.
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
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
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
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
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
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
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
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
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
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
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
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.
É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.
- 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
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
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.
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.
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.
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.
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.
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 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.
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.
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.
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.
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.
- 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.
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.
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.
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.
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".
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.
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.
WebGPU: conseils et solutions de dépannage
Découvrez pourquoi WebGPU est désactivé ou ne fonctionne pas dans le navigateur Chrome.
- WebGPU
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.
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.
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éé).
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.
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.
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.
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.
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 !
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.
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.
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.
- 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.
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.
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.
Native Client
Bac à sable permettant d'exécuter du code C et C++ compilé dans le navigateur. Cette fonctionnalité est obsolète.
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.
L'API Translation est disponible en version preview anticipée
L'API Translation est désormais disponible pour les participants au programme Preview anticipé de l'IA intégrée.
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.
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.
WebAuthn: émuler des authentificateurs
Émulez Google Authenticator et déboguez WebAuthn dans les 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.
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.
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.
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 nouvelle interface vous permettra
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.
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
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
Panneau Calques: explorer les calques de votre site Web
Inspectez les calques qui composent votre site Web.
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.
S'inscrire à la phase d'évaluation de l'API Language Detection
L'API Language Detection est désormais disponible dans une version d'évaluation de 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.
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 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.
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.
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 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
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.
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
Nouveautés de WebGPU (Chrome 129)
Compatibilité HDR avec le mode Canevas, la compatibilité avec les sous-groupes étendus et plus encore.
- 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.
Mises à jour Bluetooth RFCOMM dans WebSerial
Découvrez comment détecter quand un port série RFCOMM Bluetooth est disponible avec Web Serial.
Demande de commentaires de développeur: option personnalisable
Découvrez en avant-première la nouvelle fonctionnalité de sélection personnalisable.
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.
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
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
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.
Modifications: suivez vos modifications HTML, CSS et JavaScript
Suivez les modifications apportées au code HTML, CSS et JavaScript.
Modifications de la syntaxe de positionnement de l'ancre
Modifications liées à l'API de positionnement des ancres dont vous devez tenir compte.
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.
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.
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.
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.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
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
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
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
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:
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
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
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
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é
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.
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
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
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
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:
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
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
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
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
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
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,
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
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 (
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
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
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
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"
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
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
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
Fonctionnalités et ChromeOptions
Les fonctionnalités sont des options que vous pouvez utiliser pour personnaliser et configurer une session ChromeDriver.
Qu'est-ce qui manque à HTML et CSS ?
Êtes-vous d'accord avec les participants à la CSS Day sur ce qui doit être ajouté au Web ?
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.
Stockage IndexedDB plus efficace dans Chrome
Une nouvelle optimisation dans Chrome améliore le stockage des données IndexedDB sur le disque. Ce document récapitule les points clés de cette mise à jour.
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
Lighthouse: optimiser la vitesse du site Web
Accélérez le chargement de vos sites Web avec Chrome Lighthouse.
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
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:
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
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
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.
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
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
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
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
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
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
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
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
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:
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
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
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é.
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"
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
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,
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
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
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
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,
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".
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
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
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
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"
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:
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é
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
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"
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
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
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.
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
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.
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
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.).
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:
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
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
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
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
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
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
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 à
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
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
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"
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
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.).
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
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".
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
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
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:
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
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,
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
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
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:
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"
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é.
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
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.
Personnalisez vos données de performances avec l'API d'extensibilité
Personnaliser les données de performances avec l'API d'extensibilité
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
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
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"
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
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
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.
Chrome DevTools
Déboguez et optimisez vos applications Web à l'aide des 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.
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.
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.
- 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.
- WebGPU
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.
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.
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.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
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.
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
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
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
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
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
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.
Faire défiler les événements d'ancrage
Présentation de deux nouveaux événements JavaScript : "défilerSnapChange" et "défilerSnap" :
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.
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.
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.
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.
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
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".
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.
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 History
Découvrez comment interroger les tendances historiques de CrUX sur les six derniers mois à l'aide de l'API CrUX History.
<ruby> avec possibilité de saut de ligne et la propriété CSS "ruby-align"
Élément ruby scissable et propriété CSS ruby-align
Panneau "Network" (Réseau) : analyser la charge du réseau et les ressources
Analyser la charge du réseau et les ressources
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 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.
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.
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.
- 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
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.
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.
Panneau "Enregistreur" : enregistrer et mesurer le parcours utilisateur
Analyser et enregistrer les flux utilisateur
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.
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: 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.
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.
Mode d'inspection: analyser rapidement les propriétés des éléments
Inspecter les éléments de votre application Web
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.
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.
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.
É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.
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).
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
- 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.
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.
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 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.
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.
Surveillance des protocoles: afficher et envoyer des requêtes CDP
Surveillez les requêtes et les réponses CDP.
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".
Filtrage du contenu
Explication du filtrage de contenu et de la façon de l'aborder dans votre extension 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.
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".
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.
Déboguer JavaScript
Découvrez comment identifier et corriger les bugs JavaScript à l'aide des 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.
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.
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.
- WebGPU
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 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.
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.
- WebGPU
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.
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.
- WebGPU
Compatibilité SVG pour l'API Async Clipboard
L'API Async Clipboard est désormais compatible avec les images SVG.
Présentation de la compatibilité UIA sous Windows
À partir de Chrome 126, le framework Windows UI Automation est pris en charge.
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.
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.
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.
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.
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.
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.
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.
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 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.
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
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.
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.
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.
É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.
Nouveautés de WebGPU (Chrome 125)
Sous-groupes en cours de développement et rendus sur une tranche de texture 3D.
- WebGPU
Études de cas :has()
Découvrez comment Policybazaar et Tokopedia tirent profit de l'utilisation de :has().
Études de cas sur les requêtes de conteneur
Découvrez les avantages des requêtes de conteneur de redBus et Tokopedia.
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
Autre proposition pour la maçonnerie CSS
Proposition de définition de la maçonnerie et de la grille selon différentes spécifications.
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.
Études de cas Popover
Tokopedia utilise l'API Popover pour réduire la quantité de code dans son application.
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.
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
Fichier manifeste - Jetons d'essai
Documentation de référence sur la propriété "trial_tokens" du fichier manifest.json.
Chrome 125 bêta
Positionnement de l'ancrage CSS, fonctions en escalier CSS, API Compute Pressure et bien plus.
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.
Animations: inspectez et modifiez les effets d'animation CSS
Inspectez et modifiez des animations à l'aide du panneau "Animations".
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.
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.
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.
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.
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 124
Le déploiement de Chrome 124 commencera le 16 avril 2024 avec setHTMLUnsafe, des flux dans WebSockets et bien d'autres fonctionnalités.
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.
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.
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.
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.
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
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.
- 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.
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.
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".
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.
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.
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.
Chrome 124 bêta
L'attribut HTML writesuggestions, l'API WebSocketStream, l'en-tête de requête HTTP prioritaire, etc.
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.
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.
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.
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.
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.
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.
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.
- 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.
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.
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.
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.
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.
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.
Présentation du panneau "Application"
Obtenez des informations essentielles sur votre application Web directement depuis votre navigateur.
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.
Présentation des nouveautés
Découvrez les dernières fonctionnalités des 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.
Internationalisation de l'interface
Utilisez l'API chrome.i18n pour afficher votre interface dans plusieurs langues.
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.
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.
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
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 123 bêta
Fonction de couleur CSS light-dark(), align-content pour les blocs, la propriété field-sizing et l'événement pagereveal.
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.
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.
Raccourcis clavier
Documentation canonique sur les raccourcis clavier des 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.
Configurer les icônes d'extension
Une extension nécessite au moins une icône pour la représenter dans la barre d'outils.
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.
Utiliser WebHID
L'API WebHID, qui expose sur le Web les appareils compatibles avec Human Interface Device (HID), est disponible dans les extensions.
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.
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.
- 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.
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.
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
Consignes concernant les avertissements concernant les autorisations
Fonctionnement des avertissements d'autorisation dans les extensions Chrome
Déclarer des autorisations
Présentation des valeurs valides pour la propriété des autorisations dans le fichier manifest.json.
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.
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.
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.
Répondre aux commandes
Permettent de répondre aux combinaisons de touches personnalisées dans une extension.
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 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.
Personnaliser l'Enregistreur avec des extensions
Personnalisez et intégrez l'Enregistreur en installant des extensions.
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.
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.
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.
- 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
Tester le Bluetooth Web avec Puppeteer
Utilisez Puppeteer pour tester les fonctionnalités qui utilisent l'API Web Bluetooth dans Chrome.
Utiliser Firebase Cloud Messaging (FCM) avec chrome.gcm
Guide par étapes sur l'utilisation de Firebase Messaging avec chrome.gcm
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.
- 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.
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.
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.
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.
Mises à jour en temps réel dans les extensions
Gérer les mises à jour en temps réel dans les extensions
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.
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.
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.
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.
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.
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 >, suivi des interactions, etc.
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.
- 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.
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.
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.
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.
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.
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.
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.
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.
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.
Présentation de quatre nouvelles fonctionnalités internationales en CSS
Chrome ajoute quatre nouvelles fonctionnalités CSS internationales.
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.
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
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.
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
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.
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.
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.
Mise à jour de la syntaxe souple de l'imbrication CSS
L'imbrication avant la conversion est activée dans Chrome 120.
Capturer l'écosystème WebGPU
Découvrez comment l'écosystème WebGPU s'étend au-delà des domaines JavaScript, C+ et Rust.
- 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.
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 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.
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
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.
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.
CSS preferences-reduced-transparency
Optimisez et ajustez votre stratégie pour les utilisateurs qui préfèrent une interface utilisateur opaque.
Nouveautés de WebGPU (Chrome 119)
Textures flottantes 32 bits filtrables, format de sommet unorm10-10-10-2, format de texture rgb10a2uint, etc.
- 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.
Encapsulation de texte CSS: jolie
Activer le retour automatique à la ligne optimisé pour la beauté plutôt que la vitesse.
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.
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.
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.
Numéro de série via Bluetooth sur le Web
L'API Web Serial est désormais compatible avec les services Bluetooth RFCOMM.
Tests de bout en bout pour les extensions Chrome
Comment écrire des tests de bout en bout pour les extensions
Tester les extensions Chrome avec Puppeteer
Écrire un test automatisé pour les extensions Chrome à l'aide de Puppeteer
Signaler un bug lié à une extension
Signaler des bugs dans les extensions ou des problèmes au niveau de la documentation
Rechercher et suivre un bug
Vérifiez si un bug ou une demande de fonctionnalité ont déjà été signalés.
Syntaxe des couleurs relatives au CSS
Créer de nouvelles couleurs en fonction des canaux et des valeurs d'une autre couleur.
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.
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.
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
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 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.
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 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.
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.
- WebGPU
Stockage et cookies
Présentation du fonctionnement des cookies et des API de stockage Web dans les extensions
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.
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.
De WebGL vers WebGPU
Découvrez des conseils pour les développeurs WebGL qui migrent vers WebGPU.
- WebGPU
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 118 bêta
Styles délimités pour CSS, fonctionnalités multimédias supplémentaires, conteneurs de défilement sélectionnables au clavier, etc.
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.
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.
- WebGPU
Google Summer of Code et extensions Chrome
Expérience et conseils pour participer au programme Google Summer of Code.
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.
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.
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.
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.
Nouveautés de Lighthouse 11
Lighthouse 11 intègre de nouvelles modifications d'accessibilité et des mises à jour d'audit
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.
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.
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.
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 117 bêta
Sous-grille CSS, animations d'entrée et de sortie pour CSS, regroupement de tableaux, assistants d'itérateur, etc.
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 !
Fichier manifeste - scripts de contenu
Documentation de référence sur la propriété "content_scripts" de manifest.json.
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.
Nouveautés du GPU Web (Chrome 116)
Intégration de WebCodecs, améliorations de la lecture des vidéos, et plus encore.
- 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.
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.
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 116 bêta
Trajectoire d'animation CSS, API NotRestoredReason du cache amélioré, document Picture-in-picture, etc.
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.
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 !
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.
É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.
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.
Utiliser WebSockets dans les service workers
Instructions détaillées pour vous connecter à un WebSocket dans votre extension 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.
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.
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)
Nouveautés du GPU Web (Chrome 115)
Extensions de langage WGSL compatibles, compatibilité expérimentale avec Direct3D 11, etc.
- 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.
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.
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.
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
Comment l'application de retouche d'images vectorielles Boxy SVG utilise l'API Local Font Access pour permettre aux utilisateurs de choisir leurs polices locales préférées
L'API Local Font Access fournit un mécanisme permettant d'accéder aux données de polices installées localement par l'utilisateur, y compris des détails de niveau supérieur tels que les noms, les styles et les familles, ainsi que les octets bruts des
Chrome 115 bêta
Plusieurs mots clés pour la propriété d'affichage CSS, WGSLLanguageFeatures pour WebGPU, mises à niveau HTTPS, etc.
Les événements de mutation seront supprimés de Chrome
Annoncer l'abandon et la suppression planifiée des événements de mutation, et expliquer comment migrer votre code avant la suppression en juillet 2024
Abandonner les URL de données dans l'élément SVG
La compatibilité avec les données: les URL des éléments SVG seront supprimées. Nous vous recommandons de migrer vers des alternatives.
Lancement de la deuxième phase d'évaluation de Compute Pressure
Nouvelle phase d'évaluation de Chrome permettant aux développeurs Web de surveiller la pression de calcul.
Chrome désactive la modification de document.domain
Si votre site Web repose sur le paramètre document.domain, votre action est requise.
Comment l'éditeur de jeux Construct 3 utilise l'API File System Access pour permettre aux utilisateurs d'enregistrer leurs jeux
L'API File System Access permet d'effectuer des opérations de lecture, d'écriture et de gestion de fichiers. Découvrez comment Construct 3 utilise cette API. (Cet article est également disponible sous forme de vidéo.) Construct 3 est un éditeur de
Nouveautés de Chrome 114
Chrome 114 est en cours de déploiement ! Chrome 114 est en cours de déploiement ! Avec text-wrap: équilibrer pour améliorer la mise en page du texte, les cookies ayant un état partitionné indépendant sont disponibles, la nouvelle API Popover facilite plus que jamais les pop-ups et bien plus encore.
Concevez une expérience utilisateur optimale avec la nouvelle API Side Panel
Présentation de la nouvelle API Side Panel pour les extensions Chrome.
Nouveautés des outils de développement (Chrome 115)
Le panneau Éléments reçoit un nouveau badge subgrid pour la sous-grille. Cette fonctionnalité est actuellement en phase expérimentale dans Chrome Canary. Pour inspecter et déboguer une grille imbriquée qui est une sous-grille et qui hérite donc du
Astuces pour les outils de développement: Workspace
Utilisez Workspace pour enregistrer les modifications apportées dans les outils de développement aux fichiers sources locaux.
Créer des courbes d'animation complexes en CSS avec la fonction de lissage de vitesse linear()
Présentation de linear(), une fonction de lissage de vitesse en CSS qui effectue une interpolation linéaire entre ses points, ce qui vous permet de recréer des effets de rebond et de rebond.
Fichier manifeste : arrière-plan
Documentation de référence sur la propriété d'arrière-plan de manifest.json.
Présentation de l'API pop-over
Découvrez comment créer des info-bulles, des menus et plus encore avec la nouvelle API pop-over.
Comment LEGO® Education utilise les API Web Bluetooth et Web Serial
LEGO Education exploite la puissance du Web pour simplifier au maximum la connexion des modèles LEGO à l'ordinateur.
Quoi de neuf avec Aurora ?
Découvrez les activités récentes de l'équipe Chrome Aurora et sa feuille de route pour 2023.
Comment Blockbench utilise l'API EyeDropper pour permettre aux utilisateurs de choisir des couleurs où qu'ils se trouvent, l'éditeur de modèles 3D
L'API EyeDropper fournit un mécanisme permettant de créer un outil Pipette qui permet aux utilisateurs d'échantillonner des couleurs à partir de leurs écrans, y compris en dehors de la fenêtre du navigateur. Découvrez comment l'éditeur de modèles 3D
Phase d'évaluation disponible pour les buckets de stockage
Storage Standard définit une API pour les estimations de quota et de stockage persistant, ainsi que l'architecture de stockage de la plate-forme. Nous testons une API permettant de rendre plus prévisible l'éviction du stockage persistant en cas de forte pression sur la mémoire. Essayez l'API Storage Buckets lors d'une phase d'évaluation allant de Chrome 115 à Chrome 118.
Comment l'application de retouche d'images Photopea utilise l'API File Handling pour permettre aux utilisateurs d'ouvrir des fichiers depuis leur explorateur de fichiers
L'API File Handling permet aux applications Web de s'enregistrer en tant que gestionnaire de fichiers pour les formats de fichiers compatibles avec l'application. Découvrez comment l'application d'édition d'images Photopea utilise cette API. (Cet
Mise à jour du calendrier d'abandon de Web SQL
Web SQL a été complètement supprimé dans Chromium 119.
Nouveautés CSS et UI: édition Google I/O 2023
Découvrez les 20 principales fonctionnalités CSS et UI présentées lors de la conférence Google I/O 2023 à ne pas manquer.
Nouveautés pour le Web sur Android 2023
Mises à jour d'outils qui intègrent le Web sur Android Amélioration de la confidentialité et meilleure prise en charge des grands écrans dans WebView, onglets personnalisés partiels dans les onglets personnalisés, installation simplifiée et fonctionnalités intégrées pour les PWA, gestion de la facturation Play Store pour TWA, etc.
Identifier les problèmes de formulaire à l'aide des Outils pour les développeurs Chrome
L'équipe des outils pour les développeurs Chrome développe de nouvelles fonctionnalités pour vous aider à détecter les problèmes de formulaire et à déboguer la saisie automatique. Ces fonctionnalités n'en sont qu'aux débuts de leur conception et de leur implémentation, et nous avons besoin de vos tests et de vos commentaires.
Dix nouveautés à la conférence Google I/O
Découvrez comment nous permettons aux développeurs de proposer plus facilement des expériences performantes à leurs utilisateurs grâce aux mises à jour clés et aux nouveaux lancements que nous avons présentés lors de la conférence Google I/O 2023.
WebGPU: accéder aux GPU modernes dans le navigateur
Découvrez comment WebGPU tire parti de la puissance du GPU pour accélérer les performances du machine learning et améliorer le rendu graphique.
- WebGPU
Saisie automatique partagée dans les cadres iFrame: proposition initiale
Certains formulaires comportent des champs dans des cadres iFrame, ce qui provoque des problèmes de saisie automatique du navigateur. Avec la saisie automatique partagée, le frame parent peut indiquer la fiabilité des iFrames multi-origines afin d'améliorer l'expérience de saisie automatique de l'utilisateur.
WebDriver BiDi: mise à jour du statut 2023
Cet article présente les nouveautés de WebDriver BiDi en 2023.
Animer des éléments lors du défilement avec des animations liées au défilement
Découvrez comment utiliser les timelines de défilement et les timelines d'affichage pour créer des animations liées au défilement de manière déclarative.
Nouveautés des outils de développement (Chrome 114)
Par défaut, les outils de développement activent Settings > Experiments > WebAssembly Debugging: Enable DWARF support (Paramètres > Tests > Débogage WebAssembly: activer la prise en charge de DWARF). Pour en savoir plus, consultez
À propos des service workers d'extension
Les services d'extension sont le principal gestionnaire d'événements des extensions. Ils se différencient donc des service workers Web.
Nouveautés de Chrome 113
Chrome 113 est en cours de déploiement ! Le WebGPU est disponible. Il permet des graphismes 3D hautes performances et des calculs parallèles des données sur le Web. Les outils de développement peuvent désormais remplacer les en-têtes de réponse réseau, les ensembles internes de la Privacy Sandbox, qui permettent aux organisations de déclarer des sites associés, et ce n'est pas fini.
Appels vidéo améliorés grâce à l'encodage AV1 plus rapide
Chrome 113 inclut des améliorations apportées par l'équipe Chrome Open Media à l'encodeur logiciel AV1.
Cycle de vie des service workers des extensions
Les service workers d'extension répondent aux événements de service worker standards et aux événements dans les espaces de noms des extensions. Ils sont présentés ensemble, car il arrive souvent que les types d'extensions s'enchaînent lors de l'utilisation d'une extension.
Principes de base des services d'extension
Les services d'extension sont installés et mis à jour différemment des service workers Web.
Flouter l'arrière-plan de l'appareil photo
Nouvelle phase d'évaluation de Chrome permettant aux développeurs Web de contrôler le flou d'arrière-plan de la caméra.
Événements dans les service workers
Les service workers des extensions répondent à la fois aux événements de service worker standard et à de nombreux événements dans les API d'extension.
Nouveautés du GPU Web (Chrome 113)
WebGPU est disponible dans Chrome avec l'intégration de WebCodecs dans la phase d'évaluation.
- WebGPU
Astuces pour les outils de développement: cartes sources dans les outils de développement
Utilisez les mappages source dans les outils de développement pour déboguer votre code d'origine au lieu de le déployer.
Requête média de la mise à jour CSS
Adaptez votre interface utilisateur aux capacités de fréquence d'actualisation de l'écran.
Ressources pour les développeurs: Afficher et charger manuellement les cartes sources
Utilisez le panneau "Ressources pour les développeurs" pour vérifier si les cartes sources se chargent correctement et les charger manuellement.
Évaluer l'intérêt des utilisateurs
Mesurer l'engagement des utilisateurs dans les onglets personnalisés
Préparation et préchargement: utilisation du service d'onglets personnalisés
Découvrez comment profiter du service d'onglets personnalisés pour améliorer l'expérience utilisateur.
Multitâche avec les onglets personnalisés partiels
Découvrez comment utiliser des onglets personnalisés partiels pour permettre aux utilisateurs d'interagir avec votre application lorsqu'ils consultent du contenu Web.
Installation d'interface utilisateur enrichie disponible sur ordinateur
Les appareils mobiles et les plates-formes de téléchargement d'applications ont modifié la façon dont les utilisateurs découvrent, évaluent et installent des logiciels. Les applications Web permettent désormais aux développeurs de mettre en avant leurs applications au moment de l'installation.
Retour dans le temps: évolution de l'automatisation des tests
Découvrez l'évolution de l'automatisation des tests sur le Web.
Enregistrement audio et capture d'écran
Comment enregistrer du contenu audio ou vidéo à partir d'un onglet, d'une fenêtre ou d'un écran
Chromium Chronicle #33: Views AnimationBuilder
L'utilisation d'animations basées sur des calques dans les vues peut améliorer les performances et réduire des à-coups, mais ils sont assez difficiles à configurer. La AnimationBuilder peuvent considérablement réduire la complexité et améliorer la
Résoudre les problèmes de déconnexion de la mise en page CSS et de l'ordre des sources
Vos commentaires sont sollicités sur une solution proposée au problème des méthodes de mise en page, dans lesquelles les éléments sont organisés dans un ordre déconnecté de la source du document.
Déboguer plus rapidement grâce à la nouvelle barre latérale "Points d'arrêt"
Afin de faciliter les actions courantes telles que la suppression ou la désactivation des points d'arrêt, nous avons repensé la barre latérale des points d'arrêt pour que vous puissiez les effectuer d'un simple clic.
Nouveautés des outils de développement (Chrome 113)
Vous pouvez désormais remplacer les en-têtes de réponse dans le panneau Network (Réseau). Auparavant, vous deviez avoir accès au serveur Web pour tester les en-têtes de réponse HTTP. Avec les forçages d'en-tête de réponse, vous pouvez prototyper
Chrome est disponible sur le WebGPU
L'équipe Chrome propose WebGPU, qui permet de réaliser des graphismes 3D hautes performances et de réaliser des calculs parallèles des données sur le Web.
- WebGPU
Chrome 113 bêta
Nouvelles fonctionnalités multimédias CSS, fonction de lissage de vitesse linear() et WebGPU.
Versions plus rapides de Chrome
À partir de Chrome 114, il y a moins de temps entre la branche pour une version et la version stable.
Nouveautés de Chrome 112
Chrome 112 est en cours de déploiement ! Le CSS est désormais compatible avec les règles d'imbrication, l'algorithme de sélection initiale des éléments de boîte de dialogue a été mis à jour, les gestionnaires de récupération no-op sur les service workers sont désormais ignorés pour accélérer les navigations et il y en a beaucoup plus.
Gérer les événements avec des service workers
Découvrez comment créer et déboguer un service worker d'extension.
Conseils concernant les outils de développement: que sont les cartes sources ?
Découvrez comment les cartes sources peuvent vous aider à déboguer votre code d'origine plutôt que de le déployer.
Extension de carte source ignoreList
Amélioration de l'expérience de débogage dans les outils pour les développeurs Chrome avec l'extension de carte source ignoreList.
De Web SQL vers SQLite Wasm: guide de migration des bases de données
Avec SQLite Wasm, qui est compatible avec le système de fichiers privé d'origine, vous disposez d'un remplacement polyvalent de la technologie de base de données Web SQL obsolète. Cet article vous explique comment migrer vos données de Web SQL vers
Partenariat avec Fastly : relais HTTP Oblivious pour le serveur k-anonymat de FLEDGE
Nous améliorons les mesures de confidentialité de Chrome en nous associant à Fastly pour implémenter le serveur de k-anonymat pour FLEDGE. Les données étant transmises via un relais OHTTP dans cette implémentation, les serveurs Google ne reçoivent pas les adresses IP des utilisateurs finaux. Le serveur de k-anonymat constitue une étape supplémentaire vers l'implémentation complète de FLEDGE.
Amélioration de la confidentialité des utilisateurs grâce à l'activation de l'envoi de l'en-tête X-Requested-With à partir de WebView
Nous voulons protéger la confidentialité des utilisateurs en limitant le moment où l'en-tête X-Requested-With est envoyé.
Remplacer les écouteurs de requêtes Web bloquantes
Deuxième des trois sections décrivant les modifications nécessaires pour du code qui ne fait pas partie du service worker de l'extension.
Transitions de vues SPA dans Chrome 111
L'API View Transition permet les transitions de page dans les applications monopages. Elle inclura plus tard les applications multipages.
Mettre à jour votre code
Première des trois sections décrivant les modifications nécessaires au code qui ne fait pas partie du service worker de l'extension.
Checklist pour la migration vers Manifest V3
Guide de référence rapide pour mettre à niveau vos extensions de Manifest V2 vers Manifest V3.
Chrome 112 bêta
Imbrication CSS, composition d'animation et paramètre d'envoi pour le constructeur FormData.
Mettre à jour le fichier manifeste
Le format du fichier manifest.json est légèrement différent pour Manifest V3 et Manifest V2.
Migrer vers un service worker
Un service worker permet d'exécuter des extensions uniquement en cas de besoin, ce qui permet d'économiser des ressources.
Nouveautés des outils de développement (Chrome 112)
L' Enregistreur prend en charge les options de relecture personnalisées que vous pouvez intégrer aux outils pour les développeurs à l'aide d'une extension. Essayez l' exemple d'extension. Sélectionnez la nouvelle option de relecture personnalisée
Améliorer la sécurité des extensions
La dernière des trois sections décrivant les modifications nécessaires au code qui ne fait pas partie du service worker de l'extension
Imbrication CSS
L'une de nos fonctionnalités préférées de préprocesseur CSS est désormais intégrée au langage: les règles de style d'imbrication.
Nouveautés de Chrome 111
Chrome 111 est en cours de déploiement ! Créez des transitions soignées dans votre application monopage avec l'API View Transitions et améliorez les couleurs grâce à la prise en charge du niveau de couleur CSS 4. Découvrez les nouveaux outils dans le panneau "Style" pour tirer le meilleur parti de la nouvelle fonctionnalité de couleur, et bien plus encore.
Nouvel emplacement pour la présentation de l'API Project Fugu
La présentation des API du projet Fugu est un ensemble d'applications qui utilisent les API du projet Fugu. Le projet Capabilities (nom de code Project Fugu ) interentreprises de Google a pour objectif de permettre aux applications Web de faire tout
La confidentialité est primordiale ! Les utilisateurs partagent désormais leur écran plus judicieusement
En s'appuyant sur la théorie des encouragements, les utilisateurs ont cessé de se tirer dans le pied pendant les appels vidéo.
Relier des éléments entre eux avec le positionnement des ancres CSS
Une nouvelle API arrive sur la plate-forme Web pour vous aider à positionner des éléments de manière adaptative, sans astuces.
Collaborer avec les acteurs du secteur pour faire évoluer les CHIPS
Découvrez deux défis auxquels l'équipe Chrome a été confrontée lors de l'implémentation des CHIPS et comment les retours de la communauté ont joué un rôle clé dans l'évolution de la proposition.
Messagerie native
Échangez des messages avec des applications natives à partir de votre extension Chrome.
Améliorer les normes de comportement dans les discussions sur les normes
Comment l'équipe Chrome vise à encourager des discussions plus professionnelles, respectueuses et inclusives.
Outils de framework pour les polices de remplacement
Découvrez comment Next.js, Nuxt.js et d'autres bibliothèques permettent de générer un code CSS de remplacement pour les polices sans CLS.
Premiers pas avec les requêtes de style
Les requêtes de style permettent aux développeurs d'interroger les valeurs de style d'un élément parent à l'aide de la règle @container. Dans Chrome 111, les requêtes de style pour les propriétés CSS personnalisées sont stables. Découvrez comment vous lancer avec eux.
Astuces pour les outils de développement: identifier les problèmes de CSS
Identifiez les problèmes CSS liés aux outils de développement à l'aide des volets "Styles" et "Calculés".
Obtenir de l'aide sur les extensions Chrome
Où obtenir de l'aide pour des questions qui ne sont pas abordées dans la documentation ?
Nouveautés des outils de développement (Chrome 111)
Débogage des couleurs HD, amélioration de l'expérience utilisateur pour les points d'arrêt, et plus encore
Amélioration des polices de remplacement
Les nouveaux paramètres de "size-adjust" et de remplacement pour les métriques de police permettent aux développeurs de créer des polices de remplacement qui correspondent étroitement aux polices Web. Cela réduit les décalages de mise en page.
Chrome 111 bêta
Nouveaux types de couleurs et espaces de couleur CSS, fonctions trigonométriques CSS et API View Transitions.
Que sont les indicateurs Chrome ?
Activez d'autres outils de débogage, ou essayez des fonctionnalités nouvelles ou expérimentales dans Chrome.
Parler à la manette Stadia avec le WebHID
La manette Stadia flashée se comporte comme une manette de jeu standard. Par conséquent, tous ses boutons ne sont pas accessibles à l'aide de l'API Gamepad. Avec WebHID, vous pouvez désormais accéder aux boutons manquants. Depuis l'arrêt de Stadia,
Nouveautés de Chrome 110
Chrome 110 est en cours de déploiement ! Ajoutez un style personnalisé à vos éléments Picture-in-picture avec la nouvelle pseudo-classe :picture-in-picture, définissez le comportement de lancement de votre application Web avec launch_handler, utilisez l'attribut sans identifiants dans des cadres iFrame pour intégrer du contenu tiers qui ne définit pas de règle d'intégration multi-origine, et ce n'est pas tout.
Utiliser l'API CrUX History
Découvrez l'API CrUX History et comment l'utiliser pour suivre les tendances concernant l'expérience utilisateur.
Nouveautés des outils de développement (Chrome 110)
Effacement du panneau "Performance" lors de l'actualisation, affichage et mise en surbrillance du code dans l'Enregistreur, etc.
Nouvelles exigences pour l'API Web Share dans des cadres iFrame tiers
Pour améliorer la confidentialité et la sécurité, les appels de l'API Web Share dans les iFrames tiers doivent désormais être explicitement autorisés. Cet article décrit une modification potentiellement destructive de l'API Web Share. Cette
Chromium Chronicle n°32: comprendre le correctif
Découvrez comment les développeurs Chromium peuvent réduire le risque d'exploitation pendant plusieurs jours.
Guide des couleurs CSS haute définition
CSS Color 4 propose sur le Web de nombreux outils et fonctionnalités de couleur.
L'avenir du Picture-in-picture
Informations concernant la phase d'évaluation de Chrome permettant l'affichage de contenu HTML arbitraire dans une fenêtre toujours au premier plan.
Découvrez les nouveaux espaces de couleur CSS
CSS Color 4 propose sur le Web des outils et fonctionnalités de couleur à large gamme de couleurs: plus de couleurs, plus de fonctions de manipulation et de meilleurs dégradés.
Mise à jour de l'accès au réseau privé: annonce de l'extension de l'essai d'abandon
Dans le cadre de la spécification d'accès au réseau privé, Chrome abandonne l'accès aux points de terminaison du réseau privé depuis les sites Web publics non sécurisés. Un essai d'abandon est disponible jusqu'à Chrome 113.
Tester l'arrêt d'un service worker avec Puppeteer
Guide expliquant comment tester l'arrêt d'un service worker à l'aide de Puppeteer.
Accédez à plus de couleurs et à de nouveaux espaces
CSS Color 4 propose sur le Web de nombreux outils et fonctionnalités de couleur.
Migrer vers la couleur CSS HD
CSS Color 4 propose sur le Web de nombreux outils et fonctionnalités de couleur.
CSS color-mix()
Mélangez les couleurs dans n'importe quel espace de couleur compatible, directement depuis votre code CSS.
Conseils concernant les outils de développement: déboguer les PWA
Déboguer les progressive web apps avec les outils de développement
Durée de vie des service workers d'extension plus longue
Les services d'extension peuvent désormais rester actifs tant qu'ils reçoivent des événements. Cela augmente la fiabilité des workers des services d'extension, mais présente un piège que vous devez éviter.
Page hors connexion de base pour les applications Web sur Chrome pour Android
À partir de Chrome 109, le navigateur génère automatiquement une page par défaut pour indiquer que l'application est actuellement hors connexion lorsqu'une application Web installée sur Android ne propose pas sa propre expérience hors connexion.
Scrollend, un nouvel événement JavaScript
Supprimez vos fonctions de délai d'expiration et corrigez leurs bugs. Voici l'événement dont vous avez vraiment besoin: Scrollend.
Documents hors écran dans Manifest V3
Présentation de l'API Offscreen Documents pour le développement d'extensions Chrome.
Nouveautés des outils de développement
Tenez-vous informé des dernières modifications apportées aux outils de développement.
Contrôlez vos limites de baisse à l'aide de la lettre initiale CSS
Fini les alternatives intéressantes pour styliser vos bonnets de fin !
À la découverte d'un Web capable
Quelles fonctionnalités Web avancées votre navigateur prend-il en charge? Quelles sont les applications Web qui utilisent ces fonctionnalités? Pour répondre à ces questions, consultez un site de test de navigateur et une extension de navigateur. Le
Sans identifiants iFrame: intégrez facilement des iFrames dans des environnements COEP
sans identifiants iFrame est implémenté dans Chrome 110. Elle permet aux développeurs de charger des documents dans des cadres iFrame tiers en utilisant un contexte nouveau et éphémère. En retour, elles ne sont plus soumises aux règles d'intégration COEP. Les développeurs qui utilisent COEP peuvent désormais intégrer des iFrames tiers qui n'utilisent pas COEP eux-mêmes.
Les attributs "Expiration du cookie" et "Âge max." sont désormais associés à une limite supérieure
Depuis la version M104 de Chrome (août 2022), les cookies ne peuvent plus définir de date d'expiration située plus de 400 jours dans le futur.
Chrome 110 bêta
Lettres initiales CSS, gestionnaire de lancement d'application Web, compatibilité avec les iFrame multi-origines pour l'API FedCM, etc.
Assurez-vous que la page peut être restaurée à partir du cache amélioré
Utiliser Lighthouse pour tester si une page peut être restaurée à partir du cache amélioré
Modifier le périphérique de sortie de destination dans Web Audio
Découvrez comment modifier de manière programmatique la destination de la sortie audio dans Web Audio.
SQLite Wasm dans le navigateur reposant sur le système de fichiers privé d'origine
Utilisez SQLite pour gérer efficacement tous vos besoins de stockage sur le Web. SQLite est un système de gestion de bases de données relationnelles léger, intégré et open source populaire. De nombreux développeurs l'utilisent pour stocker des
Nouveautés des outils de développement (Chrome 109)
Copiez l'étape en tant que script dans l'Enregistreur, les noms des fonctions réelles dans les enregistrements de performance, et plus encore.
Nouveautés de Chrome 109
Chrome 109 est en cours de déploiement. L'API Origin Private File System est désormais disponible pour Android. De nouvelles propriétés sont disponibles en CSS. Vous pouvez facilement ajouter des notations mathématiques à votre code HTML grâce à la prise en charge de MathML Core, et ce n'est pas tout !
Conseils concernant les outils de développement: débogage des API Project Fugu
Déboguer les API Project Fugu à l'aide d'outils de développement
Analyse approfondie de RenderingNG: fragmentation des blocs LayoutNG
La fragmentation des blocs est maintenant terminée dans LayoutNG. Lisez cet article pour en savoir plus sur le fonctionnement et l'importance de cette fonctionnalité.
Modification du calendrier de publication de Chrome 110
À partir de Chrome 110, une version préliminaire stable sera publiée pour un petit pourcentage d'utilisateurs.
Comprendre les variantes Chrome
Mécanisme permettant à Chrome de tester les nouvelles fonctionnalités du navigateur
Quelles sont les versions disponibles de Chrome ?
Découvrez comment Chrome utilise les versions Canary, en développement, bêta et stable pour tester les nouvelles fonctionnalités et déployer les mises à jour.
Aide pour choisir la syntaxe de l'imbrication CSS
Le groupe de travail CSS continue de débattre sur la meilleure façon de définir l'imbrication dans CSS. Si vous êtes un spécialiste des SCP, nous avons besoin de votre aide.
Mises à jour des règles du Chrome Web Store
Chrome met à jour le règlement du programme pour les développeurs du Chrome Web Store afin d'énoncer clairement nos principes directeurs, de fournir plus de contexte sur l'application des règles et de rendre nos règles plus faciles à comprendre.
Chrome Dev Insider: cette année
Annonce de l'équipe Web Platform de Chrome : nous emmenons les développeurs en coulisses pour partager des points de vue, des conversations et des actualités.
Maximisez la pertinence des annonces
Nouvelle documentation pour la Privacy Sandbox sur la pertinence des annonces sans cookies tiers.
Ce que les développeurs doivent savoir sur les modes Mémoire et Économiseur d'énergie de Chrome
Découvrez comment faire en sorte que votre page gère correctement les nouveaux modes Mémoire et Économiseur d'énergie de Chrome.
Astuces pour les outils de développement: mode Appareil
Simulez des appareils mobiles avec le mode Appareil dans les outils de développement.
Confirmation de paiement sécurisé sur Chrome pour Android
La confirmation de paiement sécurisé permet d'accéder au Web via une confirmation de paiement anti-hameçonnage grâce à la puissance des clés d'accès. Elle sera disponible dans Chrome pour Android à partir de Chrome 109.
Chrome 109 bêta
MathML, sélection conditionnelle pour getDisplayMedia(), système de fichiers privé d'origine sur Android, etc.
Connexion sans mot de passe aux formulaires avec saisie automatique des clés d'accès WebAuthn
L'interface utilisateur conditionnelle WebAuthn exploite la fonctionnalité de saisie automatique des formulaires du navigateur pour permettre aux utilisateurs de se connecter facilement à l'aide d'une clé d'accès dans le flux traditionnel basé sur un mot de passe.
Extensions Chrome: API étendue pour prendre en charge la navigation instantanée
L'API Extensions a été mise à jour pour prendre en charge le cache amélioré et le préchargement des navigations.
Nouveautés de Chrome 108
Chrome 108 est en cours de déploiement. De nouvelles API Intl vous permettent de mieux contrôler la mise en forme des nombres. La nouvelle API Pop-up est en phase d'évaluation, ce qui permet de présenter facilement des contenus essentiels à l'utilisateur. Quelques améliorations ont été apportées au code CSS. Et ce n'est pas tout !
Amélioration du partage d'écran avec la mise au point conditionnelle
Sélectionner un onglet ou une fenêtre de manière conditionnelle lors du partage d'écran sur le Web
Améliorations apportées au partage d'écran dans Chrome 109
Détails de deux améliorations apportées au partage d'écran pour le Web : un mécanisme pour contrôler le ciblage des onglets lors du partage d'écran et un mécanisme pour contrôler la lecture audio en local.
Astuces concernant les outils de développement: identifier les améliorations CSS
Utilisez le panneau "Présentation du CSS" pour identifier les améliorations potentielles du CSS.
Rechercher des CSS non valides, remplacés, inactifs ou d'autres CSS
Identifiez rapidement les problèmes liés aux propriétés CSS.
Conseils concernant les outils de développement: navigation plus rapide dans les outils de développement
Découvrez comment accélérer votre workflow grâce à une navigation plus rapide dans les outils de développement, à l'aide de raccourcis et de paramètres.
Tout l'espace de stockage ne se valent pas: découvrez les buckets de stockage
Storage Buckets est une API qui permet de rendre plus prévisible l'éviction de l'espace de stockage persistant en cas de forte pression sur la mémoire.
Mises à jour des règles du Chrome Web Store
Chrome met à jour le règlement du programme pour les développeurs du Chrome Web Store afin d'énoncer clairement nos principes directeurs, de fournir plus de contexte sur l'application des règles et de rendre nos règles plus faciles à comprendre.
Fichier manifeste – input_components
Documentation de référence sur la propriété input_components de manifest.json.
Se préparer aux changements de comportement de redimensionnement de la fenêtre d'affichage dans Chrome sur Android
Changements à venir concernant le redimensionnement de la fenêtre d'affichage dans Chrome 108, raisons de ce changement et conseils pour vous y préparer.
Chrome 108 bêta
Nouvelles unités de fenêtre d'affichage CSS, API Federated Credential Management, polices COLRv1 variables et plus encore.
Mise à jour du comportement de l'événement CanMakePayment de l'API Payment Handler
L'événement service worker "canmakepayment" dans l'API Payment Handler indique au marchand si l'utilisateur possède une carte enregistrée dans une application de paiement installée. Chrome supprime les propriétés associées à l'événement.
Nouveautés des outils de développement (Chrome 108)
Conseils pour les propriétés CSS inactives, les nouveaux sélecteurs XPath, les sélecteurs de texte dans l'Enregistreur, etc.
Astuces DevTools: Différentes façons d'ouvrir les Outils de développement
Découvrez toutes les manières d'ouvrir les outils pour les développeurs Chrome.
Modification destructive: méthodes de synchronisation pour AccessHandles
Pour simplifier l'utilisation des AccessHandles dans des contextes comme Emscripten, nous rendons les méthodes de l'interface FileSystemSyncAccessHandle synchrones.
Nouveautés de Chrome 107
Chrome 107 est en cours de déploiement ! De nouvelles propriétés de l'API Capture d'écran améliorent les expériences de partage d'écran.Vous pouvez désormais déterminer avec précision si une ressource de votre page bloque ou non le rendu.Il existe un nouveau moyen d'envoyer des données à un serveur backend avec l'API déclarative PendingBeacon en phase d'évaluation. Et ce n'est pas tout !
Conseils concernant les outils de développement: identifier et corriger le texte à faible contraste
Découvrez comment utiliser les outils pour les développeurs Chrome afin d'identifier et de résoudre les problèmes de texte à faible contraste.
Améliorez la lisibilité de votre site Web
Identifiez et corrigez le texte à faible contraste à l'aide des outils de développement.
Les Trust Tokens ont été renommés "Private State Tokens"
L'API Trust Token sera renommée API Private State Token afin de mieux décrire ses avantages en termes de confidentialité et d'utilité.
Personnalisez et automatisez les parcours utilisateur au-delà de l'Enregistreur des outils pour les développeurs Chrome
Découvrez comment personnaliser et automatiser les parcours utilisateur au-delà de l'Enregistreur des outils pour les développeurs Chrome.
Advanced Web Apps Fund – Mise à jour : octobre 2022
Grâce à l'Advanced Web Apps Fund, nous avons parrainé 11 projets, et avons versé plus de 100 000 $via Open Collective afin de reconnaître l'importance de ce travail et de permettre à davantage de personnes de consacrer du temps à ces projets.
Dans le polyfill de la requête de conteneur
Découvrez comment le polyfill des requêtes de conteneurs permet d'utiliser les requêtes de conteneur dans les navigateurs plus anciens.
Aide pour choisir une syntaxe pour les résultats d'enquête sur l'imbrication CSS
Découvrez les avis publiés par 7 590 développeurs.
Une nouvelle façon de vous lancer dans le développement d'extensions Chrome
Un meilleur moyen de se lancer dans le parcours de formation des développeurs Chrome.
Modification du dépassement des éléments remplacés en CSS
Avertissement avancé d'une modification du comportement CSS susceptible de provoquer un dépassement indésirable.
Chrome Dev Insider: Adapter les performances grâce à l'écosystème de frameworks
Annonce de l'équipe Web Platform de Chrome : nous emmenons les développeurs en coulisses pour partager des points de vue, des conversations et des actualités.
Gérer les onglets
Découvrez comment organiser des onglets de manière programmatique à l'aide de groupes d'onglets.
Le projet Fugu est-il « terminé » ?
Cet article se concentre sur le changement de travail de l'équipe du projet Fugu : de la mise en œuvre de nouvelles capacités à l'affinage et à l'amélioration des capacités existantes.
Exécuter des scripts sur chaque page
Découvrez comment ajouter automatiquement de nouveaux éléments à des pages Web existantes.
Fichier manifeste – Auteur
Documentation de référence sur la propriété de nom d'auteur de manifest.json.
Paramètres de partage d'écran protégeant la confidentialité
Évitez les partages excessifs avec les paramètres de partage d'écran sur le Web qui protègent la confidentialité.
Chrome 107 bêta
Ajouts à l'API Capture d'écran, interpolation des propriétés du modèle de grille CSS et plus encore.
Éviter de trop partager des informations lors du partage d'écran
La plate-forme Web propose désormais des commandes supplémentaires pour le partage d'écran protégeant la confidentialité.
L'API du gestionnaire de paiement nécessite CSP connect-src
Les utilisateurs de l'API Payment Handler doivent ajouter le point de terminaison de paiement à la directive "connect-src" si vous utilisez CSP.
En savoir plus sur la transition vers Manifest V3
Nouvelles informations concernant le projet de migration des extensions vers Manifest V3
Conseils concernant les outils de développement: modifier, déboguer et exporter les enregistrements de flux utilisateur
Utilisez le panneau "Enregistreur" et ses extensions pour modifier, déboguer et exporter des enregistrements de flux utilisateur.
Nouveautés de Chrome 106
Chrome 106 est en cours de déploiement. De nouvelles API Intl vous permettent de mieux contrôler la mise en forme des nombres. La nouvelle API Pop-up est en phase d'évaluation, ce qui permet de présenter facilement des contenus essentiels à l'utilisateur. Quelques améliorations ont été apportées au code CSS. Et ce n'est pas tout !
Comment Chrome prépare les mises à jour pour des milliards d'utilisateurs
"Conversation avec les responsables de programmes techniques de l'équipe Chrome Release, afin de comprendre comment ils s'assurent que chaque version se déroule sans heurts."
Problèmes connus lors de la migration vers Manifest V3
Nous avons récemment annoncé des changements concernant le calendrier d'abandon de Manifest V2. Bien que nous restions fermement engagés envers Manifest V3, nous reconnaissons qu'il y a encore beaucoup de travail de notre part. Nous nous engageons à
Nouveautés des outils de développement (Chrome 107)
Personnalisez les raccourcis clavier, mettez en surbrillance les objets C/C dans l'outil d'inspection de mémoire et plus encore.
Nouveautés des outils de développement (Chrome 106)
Meilleure prise en charge du débogage Web moderne, répartition de la durée LCP dans les insights sur les performances, etc.
Les requêtes de conteneur commencent à arriver dans des navigateurs stables pendant que le polyfill fait l'objet d'une mise à jour importante
"Les requêtes de conteneur permettent aux composants de devenir propriétaires de leurs informations de style responsif en fonction de l'espace dans lequel ils s'intègrent. Cette fonctionnalité est en cours de déploiement dans les navigateurs récents, et une mise à jour importante a été apportée à la prise en charge des polyfills."
Pop-ups: ils font leur grand retour !
Un modèle problématique a été beaucoup plus facile à comprendre avec l'arrivée de nouvelles API intégrées sur la plate-forme.
Étendre l'outil d'inspection de mémoire pour le débogage C/C++
Découvrez comment nous avons amélioré le débogage des applications WebAssembly C/C avec l'outil d'inspection de mémoire
Conseils sur les outils de développement: inspecter et déboguer l'extension flexible CSS
Découvrez comment utiliser les outils pour les développeurs Chrome pour inspecter, modifier et déboguer les mises en page CSS Flexbox.
Abandons et suppressions dans Chrome 106
Arrondissement des abandons et des suppressions dans Chrome 106 pour vous aider à vous organiser.
Phase d'évaluation des iFrames anonymes: intégrer facilement des iFrames dans des environnements COEP
Les développeurs qui utilisent COEP peuvent désormais intégrer des iFrames tiers qui n'utilisent pas COEP eux-mêmes. La phase d'évaluation anonyme des cadres iFrame est disponible pour les tests dans Chrome des versions 106 à 108.
Débogage Web moderne dans les outils pour les développeurs Chrome
Découvrez certaines des modifications récentes apportées aux outils pour les développeurs Chrome, qui améliorent votre expérience de débogage et de profilage lorsque vous utilisez des bundles, des frameworks et du code tiers.
Abandonner et supprimer Web SQL
Web SQL a été proposé pour la première fois en avril 2009 et a été abandonné en novembre 2010. Elle a été supprimée de Chrome par étapes, initialement dans des contextes non sécurisés, puis complètement à partir de Chrome 119.
Étude de cas: Améliorer le débogage Angular avec les outils de développement
En utilisant Angular comme pilote de test, les outils pour les développeurs Chrome et les équipes Angular ont collaboré pour vous offrir une meilleure expérience de débogage. D'autres frameworks peuvent proposer des modifications similaires.
Nouveautés de Chrome 105
Chrome 105 est en cours de déploiement. Les requêtes de conteneur et :has() sont une correspondance parfaite. La nouvelle API Sanitizer fournit un processeur robuste pour les chaînes arbitraires afin de réduire les failles des scripts intersites. Nous faisons un pas de plus vers l'abandon de WebSQL. Et ce n'est pas tout !
Compression et décompression dans le navigateur avec l'API Compression Streams
Écrire des applications Web plus petites qui n'ont pas besoin d'inclure leur propre bibliothèque de compression ou de décompression L' API Compression Streams permet de compresser et de décompresser des flux de données à l'aide des formats gzip ou
Optimiser les images avec la directive Angular Image
Présentation de la nouvelle directive d'image Angular (NgOptimizedImage) qui intègre des techniques d'optimisation des performances aux images des applications Angular.
Astuces DevTools: accélérer votre workflow grâce aux raccourcis de la console
Utilisez les raccourcis fournis par l'API Console Utilities pour accéder rapidement à des éléments récents, interroger des objets, surveiller les événements et les appels de fonction, etc.
Découvrez la couche supérieure: une solution à la propriété z-index:10000
Avec l'arrivée de nouveaux composants et API intégrés sur la plate-forme, quelle est la "couche supérieure" que nous pouvons-nous utiliser ?
Conseils concernant les outils de développement: inspecter la grille CSS
Découvrez comment utiliser les outils pour les développeurs Chrome afin d'afficher et de modifier la mise en page sous forme de grille CSS.
Suppression de la fonctionnalité Server Push HTTP/2 de Chrome
La fonctionnalité Server Push HTTP/2 sera désactivée par défaut dans Chrome 106
Les navigateurs peuvent-ils optimiser le chargement des ressources tierces ?
Favoriser les changements pour améliorer le chargement des ressources tierces sur le Web
Nouveautés des outils de développement (Chrome 105)
Elle permet de relire étape par étape et de passer la souris sur les événements dans l'Enregistreur, le LCP dans le panneau "Informations sur les performances", et plus encore.
Conseils concernant les outils de développement: inspecter et modifier les animations CSS
Utilisez l'onglet "Animations" pour inspecter et modifier les animations CSS, les transitions, etc.
Conseils concernant les outils de développement: obtenez des insights exploitables sur les performances de votre site Web
Obtenez des insights exploitables sur les performances de votre site Web grâce au nouveau panneau "Insights sur les performances".
Abandons et suppressions dans Chrome 105
Arrondissement des abandons et des suppressions dans Chrome 105 pour vous aider à vous organiser.
Modifications apportées à "NavigateEvent" dans Chrome 105
L'API Navigation obtient deux nouvelles méthodes sur BrowseEvent: intercept() remplace transitionwhile() et scroll() remplace replaceScroll().
@container et :has(): deux nouvelles API responsives performantes arrivent dans Chromium 105
"Les requêtes au niveau des conteneurs et :has() s'affrontent en un clin d'œil. Heureusement, ces deux fonctionnalités sont disponibles dans Chromium 105. Il s'agit d'une énorme version comportant deux fonctionnalités très demandées pour les interfaces réactives !"
:has(): sélecteur de famille
Avec la page de destination :has() dans Chromium 105. Découvrons certaines des formidables opportunités qu'il offre à nos CSS.
Nouveautés de Chrome 104
Chrome 104 est en cours de déploiement ! La capture de la région spécifie une zone de recadrage lorsque vous utilisez getDisplayMedia() pour capturer l'onglet actif. La syntaxe d'une requête média peut être écrite à l'aide d'opérateurs de comparaison mathématiques. Shared Element Transitions démarre une phase d'évaluation. Et ce n'est pas tout !
Formats Web personnalisés pour l'API Async Clipboard
Les formats Web personnalisés permettent aux sites Web de lire et d'écrire des charges utiles arbitraires non nettoyées à l'aide d'un format standard que les applications peuvent activer pour prendre en charge ces charges utiles.
Astuces pour les outils de développement: Consigner les messages dans la console
Utilisez la console pour consigner des variables, des objets et des messages, filtrer et regrouper les messages, et plus encore.
Refonte d'Analytics dans le tableau de bord du développeur Chrome Web Store
Google propose une nouvelle expérience d'analyse des articles dans le tableau de bord du développeur du Chrome Web Store. Le nouveau tableau de bord est plus facile à comprendre d'un simple coup d'œil et regroupe les informations les plus utiles en amont.
Aide au choix d'une syntaxe pour l'imbrication CSS
Deux syntaxes concurrentes ont besoin de votre aide pour déterminer laquelle doit être défendue jusqu'à un candidat à la spécification.
Compatibilité des principales couches dans les outils pour les développeurs Chrome
Découvrez la couche supérieure et comment les outils pour les développeurs Chrome l'ont prise en charge.
Informations sur le financement du framework Web Chrome pour 2022
Nous partageons des informations sur les bénéficiaires du financement du framework Web de Chrome
Conseils concernant les outils de développement: comment émuler les fonctionnalités multimédias CSS des utilisateurs avec les outils de développement
Utilisez l'onglet "Rendu" pour émuler les préférences des utilisateurs et tester le comportement adaptatif de votre site Web à l'utilisateur.
Nouveautés des outils de développement (Chrome 104)
Permet de redémarrer l'image pendant le débogage, d'activer les options de relecture lente dans le panneau "Enregistreur", et plus encore.
Chrome Dev Insider: édition CSS et UI
Annonce de l'équipe Web Platform de Chrome : nous emmenons les développeurs en coulisses pour partager des points de vue, des conversations et des actualités.
Lancement des échanges signés pour les sites pour ordinateur
Les échanges signés sont maintenant compatibles avec les navigateurs Chromium sur ordinateur, ainsi que d'autres fonctionnalités récemment lancées.
Conseils concernant les outils de développement: inspecter les requêtes de conteneur CSS
Inspectez et déboguez les requêtes de conteneur CSS à l'aide des outils de développement.
Inspecter et déboguer les requêtes de conteneur CSS
Apprenez à utiliser les outils pour les développeurs Chrome afin d'inspecter, de modifier et de déboguer les requêtes de conteneurs CSS.
Abandons et suppressions dans Chrome 104
Un récapitulatif des abandons et des suppressions dans Chrome 104 pour vous aider à vous organiser.
Nouveautés de Chrome 103
Chrome 103 est en cours de déploiement ! Un nouveau code d'état HTTP permet au navigateur de décider du contenu à précharger avant l'affichage de la page. L'API Local Font Access permet aux applications Web d'énumérer et d'utiliser les polices installées sur l'ordinateur de l'utilisateur. Il existe un moyen plus simple d'implémenter des délais avant expiration sur les API asynchrones. Et ce n'est pas tout !
Nouveautés des outils de développement (Chrome 103)
Enregistrez des événements de double-clic et de clic droit, de nouvelles options pour mesurer le parcours utilisateur dans Lighthouse et plus encore.
Nouveautés de Chrome 102
Chrome 102 est en cours de déploiement ! Les PWA installées peuvent s'enregistrer en tant que gestionnaires de fichiers, ce qui permet aux utilisateurs d'ouvrir facilement les fichiers directement à partir du disque. L'attribut inerte vous permet de marquer des parties du DOM comme inertes. L'API Navigation permet aux applications monopages de gérer plus facilement la navigation et les mises à jour de l'URL. Et ce n'est pas tout !
Documentation de référence sur les fonctionnalités d'accessibilité
Référence complète des fonctionnalités d'accessibilité dans les outils pour les développeurs Chrome.
Comment et pourquoi nous avons créé les insights sur les performances
Comment et pourquoi nous avons créé le panneau "Insights sur les performances".
Enregistrer une confirmation de paiement sécurisé
Mettez en œuvre les protocoles et le flux d'enregistrement pour la SPC, afin que les clients puissent s'authentifier de manière sécurisée auprès des émetteurs de cartes ou des banques directement auprès d'un marchand.
Guide de migration vers WebAssembly
Compte tenu de l'élan de la prise en charge de WebAssembly entre les navigateurs, nous prévoyons de concentrer nos efforts sur le code natif WebAssembly à l'avenir et de supprimer la prise en charge de PNaCl au quatrième trimestre 2019 (à l'exception
Confirmation de paiement sécurisé
Présentation générale d'une proposition de norme Web permettant une authentification sécurisée auprès des fournisseurs de services de paiement.
Authentification avec confirmation de paiement sécurisé
Mettre en œuvre les protocoles d'authentification pour SPC afin de valider les transactions des clients.
Abandons et suppressions dans Chrome 103
Un récapitulatif des abandons et des suppressions dans Chrome 103 pour vous aider à vous organiser.
Prise en charge de l'outil INP (Interaction to Next Paint)
Prise en charge de Interaction to Next Paint avec les outils de performances Chrome.
Applications multipages plus rapides avec des flux
Découvrez comment utiliser des flux de boîte de travail pour créer des applications de plusieurs pages qui utilisent le balisage partiel du cache du service worker et le contenu partiel du réseau pour créer des expériences rapides qui s'affichent presque instantanément.
Accélération du LCP avec le préchargement intersite
Introduction aux technologies facilement disponibles.
Proxy de préchargement privé dans Chrome pour les administrateurs réseau
Présentation du filtrage du contenu pour les navigations préchargées.
Proxy de préchargement privé dans Chrome
Accélération du Largest Contentful Paint (LCP) avec le préchargement intersite
Déboguer WebAssembly plus rapidement
Comment nous accélérons le débogage de WebAssembly pour les applications volumineuses.
Nouveautés des outils de développement (Chrome 102)
Nouveau panneau "Informations sur les performances", raccourcis pour émuler des thèmes clairs et sombres, et plus encore.
Amélioration du partage d'onglet avec la poignée de capture
La plate-forme Web est désormais dotée d'un handle de capture, un mécanisme qui permet à une application Web de capture d'identifier l'application Web capturée de manière ergonomique et fiable, si elle est activée.
Fonds Advanced Web Apps
Lancement du fonds pour les applications Web avancées, destiné à aider ceux qui contribuent à rendre le Web plus puissant.
Nouveautés de Chrome 101
Chrome 101 est en cours de déploiement. Une nouvelle méthode consiste à spécifier la couleur à l'aide de la notation HWB et à récupérer la priorité, ce qui permet d'indiquer au navigateur l'ordre idéal pour télécharger les ressources. Et ce n'est pas tout !
Rendre le contenu réduit accessible avec "hidden=until-found"
Comment cette nouvelle valeur d'attribut permet de s'assurer que le contenu des sections d'accordéon peut être trouvé et associé à des liens.
Optimiser le LCP à l'aide d'échanges signés
Les échanges signés permettent aux développeurs Web d'améliorer considérablement la vitesse de chargement des pages provenant d'URL de provenance d'échanges signés tels que la recherche Google. Ils présentent des avantages simplement s'ils sont activés à l'aide d'une case à cocher, mais vous pouvez prendre des mesures supplémentaires pour en tirer le meilleur parti.
Contrôler les fonctionnalités du navigateur avec des règles d'autorisation
Gérez l'accès de votre page et des iFrame tiers intégrés aux fonctionnalités du navigateur.
Rendu NG en profondeur: BlinkNG
Découvrez BlinkNG et les différents sous-projets qui remédiaient à des problèmes de longue date dans l'organisation et la structure du code Blink.
Identifier les problèmes liés aux performances d'affichage
Repérage de taches, décalages de mise en page, calques et tuiles, problèmes de défilement, affichage des statistiques d'affichage et des Signaux Web essentiels.
Présentation de l'onglet "Rendu"
Découvrez un ensemble d'options qui affectent l'affichage du contenu Web.
Émuler les fonctionnalités multimédias CSS
Émuler le schéma de couleurs, le type de support, les couleurs forcées, le contraste, le mouvement préféré et la gamme de couleurs.
Intégrez du contenu à votre site de façon sécurisée
Découvrez les différents éléments HTML utilisés pour intégrer du contenu et comment optimiser la sécurité.
Présentation de Chrome Dev Insider
Une nouvelle série créée par l'équipe Web Platform de Chrome dans laquelle nous emmenons les développeurs en coulisses pour partager des points de vue, des conversations et des actualités.
Nouveautés des outils de développement (Chrome 101)
Importez et exportez le flux utilisateur au format JSON, prenez en charge les couleurs hwb(), affichez les calques en cascade dans le volet "Styles", et plus encore.
Abandons et suppressions dans Chrome 101
Un récapitulatif des abandons et des suppressions dans Chrome 101 pour vous aider à vous organiser.
Abandons et suppressions dans Chrome 102
Arrondissement des abandons et des suppressions dans Chrome 102 pour vous aider à vous organiser.
Nouveautés de Chrome 100
Chrome 100 est en cours de déploiement avec un numéro de version à trois chiffres. Revivez vos plus beaux souvenirs en fêtant le #100CoolWebMoments depuis la première version de Chrome. Des modifications importantes ont été apportées à la chaîne user-agent. L'API Multi-Screen Window Placement permet d'énumérer les écrans connectés à l'ordinateur d'un utilisateur et de placer les fenêtres sur des écrans spécifiques. Et ce n'est pas tout !
Fêtez Chrome 100 avec #100CoolWebMoments
Nous fêtons le lancement de la version 100 de Chrome avec un petit rappel.
Informations sur les performances: obtenez des insights exploitables sur les performances de votre site Web.
Obtenez des insights exploitables sur les performances de votre site Web grâce au panneau "Insights sur les performances".
Nouveautés des outils de développement (Chrome 100)
Affichez et modifiez les @supports au niveau des règles, renommez et personnalisez le sélecteur d'enregistrement, et plus encore.
Abandons et suppressions dans Chrome 100
Un récapitulatif des abandons et des suppressions dans Chrome 100 pour vous aider à vous organiser.
Nouveautés de Chrome 99
Chrome 99 est en cours de déploiement ! Les couches de cascade CSS vous permettent de mieux contrôler votre CSS et d'éviter les conflits de spécificité de style. La méthode showPicker() vous permet d'afficher par programmation un outil de sélection du navigateur pour des éléments de saisie tels que la date, la couleur et la liste de données. La version 100 de Chrome et Firefox sera bientôt disponible. Et ce n'est pas tout !
Optimiser le chargement de scripts tiers dans Next.js
Cet article traite du composant Script Next.js et montre comment l'utiliser pour mieux séquencer les scripts tiers.
Nouveautés des outils de développement (Chrome 99)
Limitation des requêtes WebSocket, nouveau volet de l'API Reporting, style de console, etc.
Inspecter et déboguer les mises en page CSS Flexbox
Découvrez comment utiliser les outils pour les développeurs Chrome pour inspecter, modifier et déboguer les mises en page CSS Flexbox.
Abandons et suppressions dans Chrome 99
Arrondissement des abandons et des suppressions dans Chrome 99 pour vous aider à vous organiser.
Utiliser des plug-ins
Même si Workbox propose de nombreux utilitaires prêts à l'emploi, vous aurez parfois besoin de l'étendre pour répondre aux exigences de votre application. C'est là que l'architecture des plug-ins de Workbox peut s'avérer utile.
Nouveautés de Chrome 98
Chrome 98 est en cours de déploiement ! Si vous vous êtes inscrit à la phase d'évaluation du thème sombre automatique, il existe une nouvelle façon de la désactiver au niveau de chaque élément. COLRv1, une évolution du format de police COLRv0, est désormais compatible. Et ce n'est pas tout !
Les calques Cascade arrivent dans votre navigateur
"Les couches Cascade sont une nouvelle API CSS qui vous aide à gérer la priorité en cascade de votre code, qui arrivera bientôt dans tous les navigateurs modernes."
Chromium Chronicle n°28: premiers pas avec Chrome sur iOS
Découvrez comment utiliser le code de l'application Chrome pour iOS.
Chip de demande d'autorisation
Chrome 98 ajoute un espace dédié dans la barre d'adresse pour les autorisations, afin de rendre les requêtes moins exigeantes et de réduire l'insistance perçue sur une décision.
Afficher un outil de sélection du navigateur pour la date, l'heure, la couleur et les fichiers
La plate-forme Web propose désormais un moyen canonique d'afficher un outil de sélection du navigateur.
Nouveautés des outils de développement (Chrome 98)
Arborescence d'accessibilité pleine page, modifications plus précises de l'onglet "Modifications" et plus encore.
Chrome désactivera la modification de document.domain pour assouplir la règle de même origine
Si votre site Web repose sur le paramètre "document.domain", votre action est requise.
Abandons et suppressions dans Chrome 98
Arrondissement des abandons et des suppressions dans Chrome 98 pour vous aider à vous organiser.
Polices vectorielles avec dégradé de couleurs COLRv1 dans Chrome 98
Dans Chrome 98, les équipes Chrome et Fonts ont ajouté la compatibilité avec COLRv1, une évolution du format de police COLRv0 destinée à étendre les polices de couleur en ajoutant des dégradés, en ajoutant des compositions et en mélangeant, et en améliorant la réutilisation interne des formes pour obtenir des fichiers de police nets et compacts bien compressés.
Accès au réseau privé: introduction des vérifications préliminaires
Dans le cadre de la spécification d'accès au réseau privé, Chrome abandonne l'accès aux points de terminaison du réseau privé depuis les sites Web publics non sécurisés. Poursuivez votre lecture pour découvrir les actions recommandées.
Nouveautés de Chrome 97
Chrome 97 est en cours de déploiement ! Une nouvelle option permet d'envoyer des messages en temps réel entre le client et le serveur à l'aide du transport Web. Vous pouvez utiliser la détection de fonctionnalités pour voir les types de scripts compatibles avec un navigateur. JavaScript s'améliore et ce n'est pas tout.
Lancer l'API du gestionnaire
Le gestionnaire de lancement vous permet de contrôler la façon dont votre application est lancée, par exemple si elle utilise une fenêtre existante ou nouvelle, et si la fenêtre choisie redirige vers l'URL de lancement.
Arborescence complète de l'accessibilité dans les outils pour les développeurs Chrome
Examinez la nouvelle arborescence d'accessibilité (en pleine page) dans les Outils de développement, ainsi que sa conception et son implémentation.
Utilisation de la fenêtre de la boîte de travail
Il arrive que les utilisateurs passent hors connexion. Découvrez comment s'adapter et les aider à reprendre leurs demandes lorsqu'ils reviennent en ligne.
Gestion immédiate des mises à jour effectuées par un service worker
Il est parfois utile d'en informer les utilisateurs lorsque vous mettez à jour un service worker. Dans cet article, nous allons vous expliquer comment procéder.
Diffuser des contenus audio et vidéo mis en cache
Traiter les demandes de ressources audio et vidéo chez un service worker est difficile. Découvrez comment utiliser workbox-range-request pour traiter ces requêtes de manière prévisible.
Mettre en cache les ressources pendant l'exécution
Découvrez comment gérer les ressources de mise en cache pendant l'exécution, y compris les ressources multi-origines.
Accéder aux caches depuis la fenêtre
L'accès aux instances Cache n'est pas limité au champ d'application du service worker. Vous pouvez également y accéder à partir du contexte de la fenêtre. Cet article vous explique comment procéder.
Forcer un délai avant expiration du réseau
Découvrez comment forcer un délai d'expiration du réseau en présence d'une connexion réseau lente et trouver le bon timing.
Réessayer d'exécuter des requêtes lorsque vous êtes à nouveau en ligne
Il arrive que les utilisateurs passent hors connexion. Découvrez comment s'adapter et les aider à reprendre leurs demandes lorsqu'ils reviennent en ligne.
Gérer les réponses de remplacement
Il arrive que les utilisateurs rencontrent des pannes de réseau ou passent hors connexion. Découvrez comment vous adapter à ces situations et fournir une réponse de remplacement.
Nouveautés des outils de développement (Chrome 97)
Nouveau panneau "Enregistreur", actualisez la liste des appareils en mode Appareil, et plus encore.
Aider les développeurs à créer des applications Web performantes et installables
Coup d'œil sur l'impact des fonctionnalités PWA ajoutées à Chrome
Abandons et suppressions dans Chrome 97
Arrondissement des abandons et des suppressions dans Chrome 97 pour vous aider à vous organiser.
Nouveautés de Chrome 96
Chrome 96 est en cours de déploiement ! Le fichier manifeste de l'application Web contient deux nouvelles propriétés. La propriété "id" vous permet de spécifier un ID unique pour votre PWA, tandis que la propriété Protocol_handlers vous permet d'enregistrer automatiquement votre PWA en tant que gestionnaire de protocoles lors de l'installation. Une nouvelle phase d'évaluation vous permet de spécifier la priorité de récupération pour le téléchargement des ressources. Et ce n'est pas tout !
Nouveautés de Lighthouse 9.0
Lighthouse 9.0 est disponible avec un rapport actualisé et un aperçu de la compatibilité avec les parcours utilisateur.
Dépannage et journalisation
Présentation des fonctionnalités de journalisation de Workbox et des outils de débogage de service worker intégrés au navigateur.
Utiliser Workbox sans la mise en cache préalable
Créer un service worker dans Workbox sans workbox-build
Choses à faire et à ne pas faire pour la mise en cache préalable
Découvrez les choses à faire et à ne pas faire lors de la mise en cache.
Préchargement de la navigation pour le code HTML axé sur le réseau
Ce qu'est le préchargement de la navigation, comment il peut accélérer les navigations et comment l'utiliser dans Workbox.
Intégration pour les frameworks
Référence rapide des frameworks et des plug-ins qui s'intègrent à Workbox
Service workers et modèle de shell d'application
Comment associer le modèle de shell d'application à un service worker dans votre SPA
Mise en cache préalable avec Workbox
Découvrez comment mettre en cache des éléments dans un service worker avec Workbox.
Enregistrez, revoyez et mesurez les parcours utilisateur
Enregistrez, revoyez, mesurez les parcours utilisateur et modifiez leurs pas dans le panneau "Enregistreur".
Implémenter le débogage de CSP et des Trusted Types dans les outils pour les développeurs Chrome
Mise en œuvre du débogage des problèmes liés à Content Security Policy et aux Trusted Types dans les outils pour les développeurs Chrome
Forcer la version majeure de Chrome à 100 dans la chaîne user-agent
Le numéro de version de Chrome passera bientôt de deux à trois chiffres, ce qui peut affecter tout code qui analyse la chaîne user-agent (UA). Un commutateur de fonctionnalité disponible entre Chrome 96 et 99 permet d'effectuer des tests préliminaires en forçant le numéro de version majeure dans la chaîne UA à 100.
Choisir les couleurs de n'importe quel pixel à l'écran avec l'API EyeDropper
Les développeurs d'applications créatives peuvent utiliser l'API EyeDropper pour implémenter un sélecteur permettant aux utilisateurs de choisir des couleurs à partir des pixels de leur écran, y compris ceux qui se trouvent en dehors du navigateur.
Nouveautés des outils de développement (Chrome 96)
Nouveau panneau CSS Overview, émulez le CSS préférant le contraste du média et le mode sombre automatique de Chrome, et plus encore.
Créer un composant d'image efficace
Les images sont souvent à l'origine de goulots d'étranglement qui affectent les performances des applications Web, et constituent un domaine clé de l'optimisation. Ce document explique comment l'équipe Aurora de Google a conçu un composant Image performant dans Next.js. Celui-ci est intégré avec un certain nombre d'optimisations à l'aide d'une interface conviviale pour les développeurs. Ce message traite de la conception du composant et présente les enseignements que nous en avons tirés.
Présentation du CSS: identifier les améliorations potentielles du CSS
Identifiez les améliorations potentielles du CSS à l'aide du panneau "Présentation du CSS".
Abandons et suppressions dans Chrome 96
Arrondissement des abandons et des suppressions dans Chrome 96 pour vous aider à vous organiser.
Attentes concernant le déploiement de service worker
Comprendre les effets d'un service worker sur un site Web une fois déployé.
Supprimer les service workers qui présentent des bugs
Corriger un service worker à l'origine de problèmes
Différentes stratégies de service worker pour différentes architectures
Présentation des deux différentes architectures de sites Web
Améliorer l'expérience de développement des service workers
Résoudre certains des problèmes liés au développement local que vous pouvez rencontrer lorsque vous utilisez des service workers
Migrer vers la version 1 de l'API Reporting
Une nouvelle version de l'API Reporting est disponible. La nouvelle API est plus simple et a plus de chances d'être compatible avec tous les navigateurs.
Nouveautés de Chrome 95
Le déploiement de Chrome 95 est en cours. Le routage est plus facile grâce à URLPattern intégré au navigateur, l'API Eye Dropper fournit un outil intégré pour sélectionner les couleurs, une nouvelle phase d'évaluation pour recevoir dès maintenant la chaîne UA réduite et bien d'autres options.
Surveiller votre application Web avec l'API Reporting
Utilisez l'API Reporting pour surveiller les cas de non-respect de la sécurité, les appels d'API obsolètes, etc.
Analyse approfondie de RenderingNG: LayoutNG
Comment le changement majeur de l'architecture de LayoutNG réduit et atténue divers types de bugs et de problèmes de performances.
Chromium Chronicle #25: annotations de sécurité des fils de discussion
Découvrez comment le framework d'analyse statique de Clang gère les tâches laborieuses liées aux preuves de sécurité des threads.
Mises à jour des règles du Chrome Web Store au 3e trimestre 2021
Mise à jour de nos exigences de sécurité et clarification de certaines règles afin que la qualité des extensions reste élevée et que l'expérience des développeurs reste cohérente.
Rapport sur les caractéristiques des appareils Chrome des utilisateurs
Les développeurs se demandent constamment quel type d'audience ils s'adressent. Quelle est la quantité de RAM dont ils disposent ? Quel type de réseau Wi-Fi sont-ils utilisés ? Un nouveau rapport fournit des réponses pour plusieurs pays et plates-formes.
Qu'est-ce que Workbox ?
Présentation de Workbox, un ensemble de modules qui simplifient le routage et la mise en cache des service workers courants.
La vie d'un service worker
Comprendre le comportement des service workers pour rendre les applications hors connexion possibles
Stratégies de mise en cache des service workers
Présentation de la mise en cache dans les service workers.
Abandons et suppressions dans Chrome 95
Arrondissement des abandons et des suppressions dans Chrome 95 pour vous aider à vous organiser.
La transition des extensions Chrome vers Manifest V3
Partage d'informations sur le projet de migration des extensions vers Manifest V3
Calendrier de prise en charge de Manifest V2
Détails de la fin de vie et de la fin de vie de Manifest V2.
Nouveautés de Chrome 94
Chrome 94 est en cours de déploiement ! L'espace colorimétrique par défaut pour les éléments `` est désormais officiellement défini sur SRGB, et vous pouvez le remplacer par l'affichage P3. Il existe un nouveau moyen simple d'accéder aux codecs audio et vidéo intégrés, importants pour les jeux en streaming, les éditeurs vidéo, etc. WebGPU commence sa phase d'évaluation. Et ce n'est pas tout !
Nouveautés des outils de développement (Chrome 95)
Nouveaux outils de développement pour la longueur CSS, masquage des problèmes dans l'onglet "Problèmes", amélioration de l'affichage des propriétés et plus encore.
Analyse approfondie : NON : vidéo
Découvrez les systèmes de lecture modernes et la façon dont Chromium permet d'enregistrer plusieurs centaines de millions d'heures de visionnage chaque jour.
Moderniser l'infrastructure CSS dans les outils de développement
Recherche et mise à jour de l'infrastructure CSS dans les outils de développement
Nouveautés de Lighthouse 8.4
Lighthouse 8.4 protège désormais contre le chargement différé des images LCP et les échecs de FID sans fenêtre d'affichage mobile.
Contrôle total avec l'API VirtualKeyboard
Gérez vous-même : le navigateur gère l'occlusion du contenu lorsque le clavier virtuel d'un appareil tactile s'affiche.
Nouveautés de Chrome 93
Chrome 93 est en cours de déploiement ! Vous pouvez désormais charger des feuilles de style CSS avec des instructions d'importation, tout comme les modules JavaScript. Les PWA installées peuvent s'enregistrer en tant que gestionnaires d'URL, ce qui permet aux utilisateurs d'accéder directement à votre PWA. L'API Multi-Screen Window Placement a été mise à jour suite à vos commentaires, et une deuxième phase d'évaluation démarre. Nous réduisons le cycle de publication pour la version stable à quatre semaines. Et ce n'est pas tout !
Abandons et suppressions dans Chrome 93
Arrondissement des abandons et des suppressions dans Chrome 93 pour vous aider à vous organiser.
Abandons et suppressions dans Chrome 94
Arrondissement des abandons et des suppressions dans Chrome 94 pour vous aider à vous organiser.
Chromium Chronicle #24: StrongAlias, IdType et TokenType
Un même type peut parfois représenter des valeurs provenant de domaines incompatibles, ce qui peut provoquer des bugs. Heureusement, la base de Chromium permet d'introduire des types distincts et explicites.
Mise à jour de l'accès au réseau privé: lancement d'un essai d'abandon
Dans Chrome 94, dans le cadre de la spécification d'accès au réseau privé, Chrome abandonne l'accès aux points de terminaison du réseau privé depuis les sites Web publics non sécurisés. Poursuivez votre lecture pour découvrir les actions recommandées.
Routage côté client moderne: API Navigation
Découvrez l'API Navigation, une nouvelle API qui offre des fonctionnalités améliorées pour créer des applications monopages.
Principales structures de données dans RenderingNG
Découvrez les composants de l'architecture RenderingNG et la façon dont le pipeline de rendu les traverse.
Nouveautés des outils de développement (Chrome 94)
Utilisez les outils de développement dans la langue de votre choix, les nouveaux appareils Nest Hub, le nouveau badge de requêtes de conteneurs CSS et plus encore.
Outils de grille CSS dans les outils de développement
Découvrez comment nous avons conçu et implémenté les outils de grille CSS dans les outils de développement.
Outils de grille CSS dans les outils de développement
Découvrez comment nous avons conçu et implémenté les outils de grille CSS dans les outils de développement.
Abandons et suppressions dans Chrome 92
Arrondissement des abandons et des suppressions dans Chrome 92 pour vous aider à vous organiser.
Résoudre les problèmes liés aux phases d'évaluation de Chrome
Résolvez les problèmes courants liés aux jetons d'essai dans les balises Meta, les en-têtes et les scripts. Vous en apprendrez également davantage sur l'assistance au débogage dans les outils pour les développeurs Chrome.
Règle de l'intégrateur multi-origine
Documentation de référence sur la propriété cross_origin_embedder_policy de manifest.json.
Abandons et suppressions dans Chrome 91
Arrondissement des abandons et des suppressions dans Chrome 91 pour vous aider à vous organiser.
Règle de l'intégrateur multi-origine
Documentation de référence sur la propriété cross_origin_embedder_policy de manifest.json.
Règle d'ouverture multi-origine
Documentation de référence sur la propriété cross_origin_opener_policy de manifest.json.
Règle d'ouverture multi-origine
Documentation de référence sur la propriété cross_origin_opener_policy de manifest.json.
Démarrer automatiquement les PWA lors de la connexion au système d'exploitation
De nombreux systèmes d'exploitation offrent la possibilité de lancer des applications automatiquement lorsque l'utilisateur se connecte. Cette fonctionnalité est désormais disponible pour les applications Web installées.
WebDriver BiDi : l'avenir de l'automatisation multinavigateur
Découvrir ce qu'est WebDriver BiDi et en quoi il représente l'avenir de l'automatisation multinavigateur
Charger des ressources multi-origines sans en-têtes CORP à l'aide de COEP: sans identifiants
"Cross-Origin-Embedder-Policy: credentialless" sera en phase d'évaluation à partir de Chrome 93. Cette nouvelle valeur permet aux pages Web d'activer l'isolation multi-origine sans que les ressources multi-origines ne répondent avec un en-tête "CORP: cross-origin" en envoyant des requêtes sans identifiants.
Restreindre le partage de modules Wasm à la même origine
Le partage d'un module WebAssembly entre des environnements sur un même site sera limité à la même origine.
Valider un numéro de téléphone sur un ordinateur avec l'API WebOTP
À partir de Chrome 93, les sites Web peuvent valider les numéros de téléphone depuis Chrome pour ordinateur.
Chromium Chronicle n°23: builds validés dans l'infrastructure Chrome
La mise en place d'un contrôle d'application des règles pour Chrome et l'infrastructure nous a permis de vérifier que certaines normes minimales de sécurité sont respectées.
Nouveautés des outils de développement (Chrome 93)
Requêtes de conteneur CSS modifiables, aperçu du bundle Web, meilleure gestion des chaînes dans la console, etc.
Architecture RenderingNG
Découvrez les composants de l'architecture RenderingNG et la façon dont le pipeline de rendu les traverse.
Concepts Android (pour les développeurs Web)
Concepts Android pertinents et clés pour les développeurs Web qui débutent sur Android et Play
URLPattern ajoute le routage à la plate-forme Web
Approche permettant de standardiser les cas d'utilisation courants de correspondance de modèles.
Extensions Chrome: clarification de nos règles relatives aux extensions pour un Web Store plus sûr et plus cohérent
Mise à jour de nos exigences de sécurité et clarification de certaines règles afin que la qualité des extensions reste élevée et que l'expérience des développeurs reste cohérente.
Intégrer des ressources dans les frameworks JavaScript
Découvrez les dernières optimisations mises en œuvre dans les frameworks JavaScript en collaboration avec le projet Aurora.
Chromium Chronicle #22: outils de connaissance (depot)
Depot Tools est un ensemble d'outils basés sur Git pour simplifier le workflow des développeurs qui contribuent au codebase Chromium et aux projets associés.
Actions des extensions dans Manifest V3
Pendant des années, les extensions Chrome comportaient les API "Browser" et "Page Actions", mais Manifest V3 les a remplacées par une API générique Actions. Cet article explore l'historique de ces API et ce qui a changé dans Manifest V3.
RenderingNG
En 2021, nous avons en grande partie terminé le processus de conception, de développement et de lancement de RenderingNG, une architecture de rendu nouvelle génération pour Chromium.
Stockage hautes performances pour votre application: API Storage Foundation
L'API Storage Foundation propose une API de stockage qui ressemble à un système de fichiers de base, avec un accès direct aux données stockées via des tampons et des décalages.
TablesNG résout 72 bugs Chromium pour une meilleure interopérabilité
-- Un nouveau moteur de rendu pour les tables facilite la création de données tabulaires sur le Web.
Garantir l'efficacité de CSP contre les attaques XSS
Découvrez comment éviter les attaques de script intersites (XSS) avec une CSP (Content Security Policy) stricte.
Découvrez Aurora
Cet article présente Aurora, une initiative Chrome qui permet de collaborer étroitement avec des frameworks Open Source
Conformité des frameworks
Cet article décrit la méthodologie de conformité, utilisée dans les frameworks Google, et la manière dont nous prévoyons de la partager en Open Source dans l'écosystème du framework JavaScript.
Présentation de l'outil d'inspection de mémoire
Cet article présente l'outil d'inspection de mémoire qui est disponible dans Chrome 91. Il vous permet d'inspecter la mémoire ArrayBuffer, TypedArray, DataView et Wasm.
Présentation de chrome.scripting
L'API Scripting est une nouvelle API Manifest V3 axée sur la création de scripts. Examinons plus en détail les motivations de ce changement et ce qui les différencie.
Inspecter les mises en page sous forme de grille CSS
Découvrez comment afficher et modifier les grilles CSS à l'aide des outils pour les développeurs Chrome.
API Compute Pressure
Compute Pressure propose des états généraux qui représentent la pression exercée sur le système. Elle permet à la mise en œuvre d'utiliser les métriques matérielles sous-jacentes appropriées pour garantir aux utilisateurs de profiter de toute la puissance de traitement dont ils disposent tant que le système n'est pas soumis à un stress ingérable.
PWA en tant que gestionnaires d'URL
Une fois qu'une PWA enregistrée est enregistrée en tant que gestionnaire d'URL, elle s'ouvre lorsqu'un utilisateur clique sur un lien hypertexte correspondant à l'un des formats d'URL enregistrés.
Nouveautés des outils de développement (Chrome 92)
Éditeur de grille CSS, prise en charge de la redéclaration de "const" dans la console, lecteur de l'ordre des sources, etc.
Chromium Chronicle n°21: automatisation de l'interface utilisateur de bout en bout avec ChromeOS
Tast est une nouvelle bibliothèque d'UI qui utilise l'arborescence d'accessibilité (accessibilité) de Chrome pour contrôler l'interface utilisateur de ChromeOS. La bibliothèque permet aux développeurs de créer facilement des tests de bout en bout sur n'importe quelle surface d'interface utilisateur visible.
Nouveautés de Chrome 91
Chrome 91 est en cours de déploiement ! Les applications Web qui interagissent avec les fichiers peuvent désormais suggérer des noms de fichiers et des répertoires lors de l'utilisation de l'API File System Access. Vous pouvez également lire les fichiers du presse-papiers. Si votre site comporte plusieurs domaines et qu'ils partagent le même backend de gestion de compte, vous pouvez indiquer à Chrome qu'ils sont identiques, ce qui permet au gestionnaire de mots de passe de suggérer les identifiants appropriés. De plus, toutes les vidéos de la conférence I/O sont désormais disponibles, et bien d'autres encore.
Choisissez comment les liens concernés ouvrent votre PWA avec la capture déclarative des liens
La capture déclarative de liens est une proposition de propriété du fichier manifeste d'application Web appelée "capture_links" qui permet aux développeurs de déterminer de manière déclarative ce qui doit se passer lorsque le navigateur est invité à accéder à une URL située dans le champ d'application de navigation de l'application, à partir d'un contexte extérieur au champ de navigation.
Définir des indicateurs de navigateur dans Chromium
Pour certaines des nouvelles API que nous introduisons dans Chromium, vous devez définir un indicateur de navigateur pour les tests. Découvrez comment procéder dans les différents dérivés de Chromium, comme Google Chrome, Microsoft Edge et d'autres.
Enregistrement du gestionnaire de protocoles d'URL pour les PWA
Après avoir enregistré une PWA en tant que gestionnaire de protocoles, lorsqu'un utilisateur clique sur un lien hypertexte avec un schéma spécifique (par exemple, mailto, bitcoin ou musique Web) à partir d'un navigateur ou d'une application spécifique à une plate-forme, la PWA enregistrée s'ouvre et reçoit l'URL.
Activités Web fiables hors connexion
Comment afficher un écran hors connexion de remplacement lorsque l'utilisateur ouvre l'application pour la première fois, mais qu'il n'y a pas de connexion.
Multiplication par 10 des traces de la pile des outils pour les développeurs Chrome
Nous avons multiplié par 10 les traces de la pile des outils pour les développeurs Chrome.
Flux insérables pour MediaStreamTrack
Les flux insérables pour MediaStreamTrack consistent à exposer le contenu d'un MediaStreamTrack en tant que flux que vous pouvez manipuler ou utiliser pour générer de nouveaux contenus.
Chromium Chronicle 20: exercices d'analyse comparative
Ajouter des benchmarks permet d'éviter facilement les régressions et d'améliorer les performances.
Conversion de fichier manifeste d'extension
Outil Open Source pour convertir les extensions vers Manifest V3. Vous devrez quand même mettre à jour manuellement tout code comportant des modifications non mécaniques, par exemple l'adapter pour utiliser des service workers ou une injection de script.
Interface utilisateur enrichie pour l'installation de PWA
Présentation de l'interface utilisateur d'installation enrichie avec des conseils sur sa mise en œuvre.
Nouveautés des outils de développement (Chrome 91)
Des informations Web Vitals s'affichent, vous permettent de visualiser des éléments CSS Scroll-Snap, le nouvel outil d'inspection de la mémoire et plus encore.
Aligner des minuteurs avec des restrictions d'isolation multi-origine
À partir de Chrome 91, la résolution des minuteurs explicites sera limitée à 100 microsecondes sur toutes les plates-formes sans isolation multi-origine.
Ressources accessibles sur le Web pour Manifest V3
Les ressources accessibles sur le Web pour Manifest V3 sont disponibles ! Le fichier "manifest.json" est désormais compatible avec les définitions d'autorisations. Les développeurs peuvent limiter les ressources en fonction de l'ID d'extension ou de l'origine du site à l'origine de la demande.
Nouveautés de Chrome 90
Chrome 90 est en cours de déploiement ! Une nouvelle valeur est disponible pour la propriété de dépassement CSS. L'API Feature Policy a été renommée Permissions Policy. Il existe également une nouvelle façon d'implémenter et d'utiliser Shadow DOM directement en HTML. Et ce n'est pas tout.
Actualisation de l'architecture des outils de développement: migration des outils de développement vers TypeScript
Migration des outils pour les développeurs Chrome du vérificateur de type Closure Compiler vers TypeScript.
Chromium Chronicle n°19: développement plus rapide avec CLion
L'IDE CLion permet de naviguer entre les symboles, d'effectuer des recherches dans le codebase, etc.
Abandons et suppressions dans Chrome 90
Un récapitulatif des abandons et des suppressions dans Chrome 90 pour vous aider à vous organiser.
Ajouter une ampleur de classement au rapport CrUX dans BigQuery
Ajouter la magnitude du classement au rapport CrUX dans BigQuery
Guide de l'API VersionHistory
Guide d'utilisation de l'API de service Web VersionHistory pour accéder de manière programmatique aux informations de l'historique des versions de Google Chrome.
Accélération du cycle de publication de Google Chrome
Dans le courant de l'année, nous prévoyons de raccourcir le cycle de publication et de proposer une nouvelle version stable de Google Chrome toutes les quatre semaines, contre une période de six semaines auparavant.
Documentation de référence de l'API VersionHistory
Informations techniques de référence sur l'API de service Web VersionHistory.
Nouveautés de Chrome 89
Chrome 89 est en cours de déploiement ! WebHID, WebNFC et Web Serial ont été retirés de leur phase d'évaluation et sont désormais disponibles en version stable. Nous allons clôturer une faille que quelques développeurs utilisaient pour contourner les vérifications d'installation des PWA. et Web Share Target arrivent sur le bureau. Et ce n'est pas tout !
Nouveautés des outils de développement (Chrome 90)
Assistance au débogage pour CSS Flexbox, affichage tête haute des performances sur la page, mise à jour de l'onglet "Problèmes", etc.
Compatibilité CSS-in-JS dans les outils de développement
Comment nous prenons en charge le CSS-in-JS dans les outils de développement et en quoi il diffère du CSS standard
Compatibilité CSS-in-JS dans les outils de développement
Comment nous prenons en charge le CSS-in-JS dans les outils de développement et en quoi il diffère du CSS standard
Se préparer aux modes d'affichage de demain
La propriété display_override permet aux développeurs de définir une chaîne personnalisée de modes d'affichage de leurs PWA.
Mises à jour des fonctionnalités d'animation avec accélération matérielle
Chromium met à jour ses capacités d'accélération matérielle pour les animations SVG, les transformations basées sur un pourcentage, le chemin de clip, les images de fond et plus encore.
Chromium Chronicle n°18: couverture du code Chromium
La couverture de test mesure la quantité de code source exécutée lors de l'exécution d'une suite de tests particulière.
Mettre en forme et appliquer un style aux messages dans la console
Découvrez comment mettre en forme et styliser les messages dans la console.
Journée internationale de la langue maternelle 2021
Le 21 février, la Journée internationale de la langue maternelle est une célébration annuelle de la diversité culturelle observée dans le monde entier. Il promeut la préservation et la protection des langues parlées dans le monde entier et célèbre le multilinguisme.
Amélioration de la détection du fonctionnement hors connexion des progressive web apps
La vérification de la compatibilité hors connexion fait partie des critères d'installation des PWA depuis le début.
Améliorer le temps de démarrage des outils de développement
Réduisez l'impact des outils de développement sur la distribution des messages dans l'interface.
Abandons et suppressions dans Chrome 89
Arrondissement des abandons et des suppressions dans Chrome 89 pour vous aider à vous organiser.
Chromium Chronicle n°17: mixins de test de navigateur
Lorsque vous écrivez un test de navigateur, vous souhaitez souvent programmer la réalisation d'actions de configuration que l'utilisateur pourrait effectuer manuellement. Pour vous y aider, les mixins sont une suite d'outils réutilisables qui vous permettent de réaliser des tests complexes de votre navigateur.
Automatiser la sélection des ressources avec des indications client
L'optimisation des images est complexe, et l'automatisation est la clé du succès.
Recevez des paiements via Google Play Billing avec l'API Digital Goods et l'API Payment Request
Recevez des paiements via Google Play Billing dans votre PWA avec l'API Digital Goods, l'API Payment Request et l'activité Web fiable
Nouveautés de Chrome 88
Chrome 88 est en cours de déploiement ! Vous pouvez désormais importer des extensions dans le Chrome Web Store à l'aide du fichier Manifest V3. La propriété CSS du format permet de définir facilement les proportions de n'importe quel élément. Vous pouvez désormais utiliser Play Billing dans votre activité Web fiable et bien d'autres avantages. Découvrons les nouveautés de Chrome 88 pour les développeurs.
Nouveautés des outils de développement (Chrome 89)
Débogage de la prise en charge des violations de Trusted Types, capture d'écran des nœuds au-delà de la fenêtre d'affichage, nouvel onglet "Trust Tokens" pour les requêtes réseau, et plus encore.
Limitation importante des minuteurs JS enchaînés à partir de Chrome 88
Une limitation intensive s'applique lorsque la page est masquée pendant plus de cinq minutes, que la page est restée silencieuse pendant au moins 30 secondes, que WebRTC n'est pas utilisé et que la chaîne de minuteurs est supérieure ou égale à cinq.
Mises à jour de SharedArrayBuffer dans Android 88 et de Chrome 92 pour ordinateur
SharedArrayBuffer sera disponible dans Android Chrome 88. Il ne sera disponible que pour les pages isolées multi-origines. À partir de Chrome 92 pour ordinateur, elle ne sera également disponible que pour les pages isolées multi-origines. Vous pouvez vous inscrire à une phase d'évaluation afin de conserver le comportement actuel jusqu'à Chrome 113 pour ordinateur.
Chromium Chronicle n°16: mettre à jour Google Apps sur ordinateur
Vous êtes-vous déjà demandé comment Chrome se met à jour automatiquement sur votre bureau ? Ou comment les mises à jour sont-elles distribuées sur les Chromebooks, les Chromecast et les appareils Android ?
Déboguer WebAssembly avec des outils modernes
Présentation détaillée de la nouvelle expérience de débogage de WebAssembly dans les outils pour les développeurs Chrome.
Actualisation de l'architecture des outils de développement: migration vers les composants Web
Pourquoi et comment nous migrons les outils pour les développeurs Chrome vers les composants Web.
Abandons et suppressions dans Chrome 88
Arrondissement des abandons et des suppressions dans Chrome 88 pour vous aider à vous organiser.
Bienvenue sur le nouveau site developer.chrome.com !
Annonce de la refonte du site et récapitulatif de nos projets pour 2021.
Utiliser Google Play Billing
Google Play Billing propose des outils pour gérer votre catalogue, vos prix et vos abonnements, des rapports et un parcours de paiement optimisé par le Play Store.
Nouveautés Web In Play
Découvrez les nouvelles fonctionnalités des applications Web qui utilisent l'activité Web fiable.
Ressources tierces de chargement différé avec façades
Découvrez les possibilités de chargement différé des ressources tierces avec des façades.
Chromium Chronicle n°15: restreindre la visibilité de la cible
Dans Chromium, il est courant de trouver du code écrit pour un composant qui serait utile ailleurs, mais qui peut comporter des restrictions masquées. Pour des raisons de sécurité, limitez la visibilité de la cible pour empêcher tout accès externe aux fonctionnalités dangereuses.
Utiliser Play Billing dans votre activité Web fiable
Découvrez comment intégrer Google Play Billing à votre projet Activité Web fiable.
Amélioration de la planification JS avec isInputPending()
Nouvelle API JavaScript qui peut vous aider à éviter le compromis entre performances de chargement et réactivité aux entrées.
Simuler une déficience de la vision des couleurs dans le moteur de rendu Blink
Pourquoi et comment nous avons implémenté la simulation du dysfonctionnement de la vision des couleurs dans les outils de développement et le moteur de rendu Blink.
Nouveautés de Chrome 87
Chrome 87 est en cours de déploiement ! Vous pouvez désormais contrôler le panoramique, l'inclinaison et le zoom sur les webcams compatibles. Les demandes de plage et les service workers ne nécessitent pas autant de solutions de contournement, l'API Font Access lance la phase d'évaluation et bien plus encore. Intéressons-nous de plus près aux nouveautés de Chrome 87 pour les développeurs !
boîte de travail-recettes
Utilisez facilement des modèles de boîte de travail courants sans avoir à les configurer vous-même à partir de packages individuels.
Nouveautés des outils de développement (Chrome 88)
Nouveaux outils CSS de visualisation de l'angle, émulez les types d'images et les quotas de stockage non compatibles, le nouveau Web Vitals Lane et plus encore.
Activer la cible de partage Web dans l'activité Web fiable
Découvrez comment activer la cible de partage Web dans un projet à l'aide de l'activité Web fiable.
Puppetaria: scripts Puppeteer axés sur l'accessibilité
Puppetaria : scripts Puppeteer axés sur l'accessibilité, autorisant un autre gestionnaire de requêtes basé sur l'interrogation de l'arborescence d'accessibilité plutôt que sur des sélecteurs CSS.
Demande de commentaires: CORS pour les réseaux privés (RFC1918)
L'exposition involontaire du Web en général des appareils et des serveurs du réseau interne d'un client les rend vulnérables aux attaques malveillantes. CORS-RFC1918 est une proposition visant à bloquer par défaut les requêtes provenant de réseaux publics sur le navigateur et à exiger que les appareils internes acceptent de recevoir ces requêtes.
Chromium Chronicle n°14: ajouter des tests à la cascade d'annonces
Vous souhaitez détecter des régressions pour votre nouvelle fonctionnalité dans Chrome ? Ajoutez vos tests à la cascade d'annonces, l'infrastructure de compilation et de test continues de Chrome.
Comment nous avons créé l'onglet WebAuthn des outils pour les développeurs Chrome
Nous avons créé l'onglet WebAuthn des outils pour les développeurs Chrome afin de permettre aux développeurs d'émuler les authentificateurs, de personnaliser leurs fonctionnalités et d'inspecter leurs états.
Permettre aux applications Web installées de devenir gestionnaires de fichiers
Enregistrez une application en tant que gestionnaire de fichiers auprès du système d'exploitation. Maintenant que les applications Web peuvent lire et écrire des fichiers, l'étape logique suivante consiste à permettre aux développeurs de déclarer ces
Abandons et suppressions dans Chrome 87
Arrondissement des abandons et des suppressions dans Chrome 87 pour vous aider à vous organiser.
Traitement des vidéos avec WebCodecs
Utilisez les composants d'un flux vidéo, tels que des images et des fragments de vidéo ou de contenu audio encodés.
Renforcement de la sécurité et de la confidentialité grâce au partitionnement du cache
Le partitionnement du cache HTTP de Chrome renforce la sécurité et la confidentialité.
Nouveautés de Chrome 86
Chrome 86 est en cours de déploiement ! L'API d'accès au système de fichiers est désormais disponible en version stable. De nouvelles phases d'évaluation sont disponibles pour la technologie Web HID et l'API de positionnement des fenêtres multi-écrans. De nouvelles fonctionnalités CSS sont disponibles, et bien plus encore. Découvrons les nouveautés de Chrome 86 pour les développeurs !
Phases d'évaluation tierces
Découvrez comment les fournisseurs de contenu intégré peuvent tester des fonctionnalités nouvelles ou expérimentales de plates-formes Web sur plusieurs sites.
Nouveautés des outils de développement (Chrome 87)
Nouveaux outils de débogage de la grille CSS, onglet Web Authn, outils déplaçables et volet latéral Computed.
Comment nous avons créé l'onglet "Problèmes" des outils pour les développeurs Chrome
Comment nous avons créé l'onglet "Problèmes" des outils pour les développeurs Chrome afin d'améliorer l'expérience des développeurs concernant la détection et la résolution des problèmes
Sensors (Capteurs) : émuler les capteurs de l'appareil
Utilisez le panneau "Capteurs" pour remplacer la géolocalisation, simuler l'orientation de l'appareil, forcer le toucher et émuler l'état inactif.
Passer de la version 5 à la version 6 de Workbox
Guide sur la migration de la version 5 vers la version 6 de Workbox.
Connexion à des périphériques HID peu courants
L'API WebHID permet aux sites Web d'accéder à d'autres claviers auxiliaires et manettes de jeu exotiques.
Gestion de plusieurs écrans avec l'API de gestion des fenêtres
L'API de gestion des fenêtres vous permet d'énumérer les affichages connectés à votre ordinateur et de placer des fenêtres sur des écrans spécifiques.
Actualisation de l'architecture des outils de développement: migration vers les modules JavaScript
Migration des outils pour les développeurs Chrome vers les modules JavaScript
Abandons et suppressions dans Chrome 86
Arrondissement des abandons et des suppressions dans Chrome 86 pour vous aider à vous organiser.
Nouveautés de Chrome 85
Chrome 85 est en cours de déploiement ! Vous pouvez améliorer les performances de rendu avec la visibilité du contenu: auto. Les propriétés CSS peuvent désormais être définies... en CSS. Vous pouvez maintenant vérifier si votre application Windows ou votre PWA est installée avec l'API getinstalledrelatedApps(). Les raccourcis des icônes d'applications fonctionnent également sous Windows (pour de vrai cette fois-ci). Il existe une phase d'évaluation pour la récupération en streaming des importations. Et bien plus encore. Plongeons-nous dans le détail et découvrons les nouveautés de Chrome 85 pour les développeurs !
Utiliser une typographie avancée avec des polices locales
L'API Local Font Access énumère les polices locales installées par l'utilisateur et fournit un accès de bas niveau aux différentes tables TrueType/OpenType.
Nouveautés des outils de développement (Chrome 86)
Nouveau panneau multimédia, capture d'écran d'un nœud, mise à jour de l'onglet "Problèmes", émuler les polices locales manquantes, les utilisateurs inactifs et les couleurs préférées.
Lire et écrire sur un port série
L'API Web Serial fait le lien entre le Web et le monde physique en permettant aux sites Web de communiquer avec des appareils série.
Ajouter des en-têtes de requête HTTP supplémentaires
Guide sur l'ajout d'en-têtes CORS HTTP dans des intents d'onglet personnalisé.
Nouvelle règle de provenance par défaut pour Chrome : strict-origin-when-cross-origin
Nouvelle règle de provenance par défaut pour Chrome : strict-origin-when-cross-origin
Capturer des touches avec l'API Keyboard Lock
L'API Keyboard Lock permet aux sites Web de capturer les touches habituellement réservées par le système d'exploitation sous-jacent. Il est destiné aux applications Web qui offrent une expérience immersive en plein écran (comme les jeux ou les applications d'accès à distance).
Lire et écrire des fichiers et des répertoires avec la bibliothèquebrowser-fs-access
Tous les navigateurs récents peuvent lire les fichiers et répertoires locaux. Toutefois, le véritable accès en écriture, c'est-à-dire au-delà du simple téléchargement de fichiers, est limité aux navigateurs qui implémentent l'API File System Access. Cet article présente une bibliothèque Support appelée "browser-fs-access", qui agit comme une couche d'abstraction au-dessus de l'API File System Access et qui revient de manière transparente aux anciennes approches pour le traitement des fichiers.
Requêtes en streaming avec l'API fetch
Chromium est désormais compatible avec l'importation de flux depuis la version 105, ce qui signifie que vous pouvez lancer une requête avant d'avoir tout le corps disponible.
Abandons et suppressions dans Chrome 85
Arrondissement des abandons et des suppressions dans Chrome 85 pour vous aider à vous organiser.
Houdini – Demystifying CSS
Houdini est un ensemble d'API qui présente aux développeurs les caractéristiques internes du moteur CSS.
Nouveautés de Chrome 84
Chrome 84 est en cours de déploiement ! Les utilisateurs peuvent lancer des tâches courantes dans votre application grâce aux raccourcis d'icône d'application. L'API Web Animations est compatible avec un grand nombre de fonctionnalités non compatibles jusqu'alors. Wake Lock et l'API Content Indexing sont issues de la phase d'évaluation. De nouvelles phases d'évaluation sont disponibles pour la détection d'inactivité et la SIMD. Et ce n'est pas tout. Intéressons-nous de plus près aux nouveautés de Chrome 84 pour les développeurs !
Utiliser les onglets personnalisés avec Android 11
Utiliser les onglets personnalisés avec Android 11
Supprimer les ressources JavaScript inutilisées
Découvrez comment réussir l'audit Lighthouse sur la suppression des ressources JavaScript inutilisées.
Nouveautés des outils de développement (Chrome 85)
Modification du style pour les frameworks CSS-in-JS, Lighthouse 6.0, nouvelles fonctionnalités JavaScript et plus encore.
Améliorer la confidentialité des utilisateurs et l'expérience des développeurs avec les indicateurs client User-Agent
Les indications client User-Agent sont une nouvelle extension de l'API Client Hints, qui permet aux développeurs d'accéder aux informations sur le navigateur d'un utilisateur de manière ergonomique et respectueuse de la confidentialité. Les hints
Utiliser l'API CrUX
Découvrez comment utiliser l'API Chrome UX Report pour obtenir un accès RESTful à des données sur l'expérience utilisateur réelle sur des millions de sites Web.
Créer un tableau de bord CrUX dans Looker Studio
Looker Studio est un puissant outil de visualisation des données qui vous permet de créer des tableaux de bord basés sur des sources de big data, comme le rapport UX Chrome. Dans ce guide, découvrez comment créer votre propre tableau de bord CrUX personnalisé pour suivre l'expérience utilisateur d'une origine.
Utiliser WebTransport
WebTransport est une API offrant une messagerie client-serveur à faible latence et bidirectionnelle. Découvrez ses cas d'utilisation et comment envoyer vos commentaires sur l'avenir de l'implémentation.
Abandons et suppressions dans Chrome 84
Arrondissement des abandons et des suppressions dans Chrome 84 pour vous aider à vous organiser.
Nouveautés de Chrome 83
Chrome 83 est en cours de déploiement ! Il ajoute la prise en charge des types approuvés, ce qui permet d'éviter les failles de script intersites. Les éléments du formulaire font l'objet d'un relooking important. Il existe un nouveau moyen de détecter les fuites de mémoire. L'API du système de fichiers natif lance une nouvelle phase d'évaluation avec des fonctionnalités supplémentaires. Découvrons les nouveautés de Chrome 83 pour les développeurs.
Nouveautés de Lighthouse 6.0
Nouvelles métriques, mise à jour du score de performances, nouveaux audits et plus encore. Nous publions aujourd'hui Lighthouse 6.0. Lighthouse est un outil d'audit automatisé de sites Web qui aide les développeurs à identifier des opportunités et
Détecter les utilisateurs inactifs avec l'API Idle Detection
L'API Idle Detection informe les développeurs lorsqu'un utilisateur est inactif, par exemple en cas d'absence d'interaction avec le clavier, la souris, l'écran, l'activation d'un économiseur d'écran, le verrouillage de l'écran ou le passage à un autre écran. Un seuil défini par le développeur déclenche la notification.
Problèmes: identifiez et corrigez les problèmes
Utilisez le panneau "Problèmes" pour identifier et résoudre les problèmes liés à votre site Web.
Nouveautés des outils de développement (Chrome 84)
Nouvel onglet "Problèmes", informations d'accessibilité dans l'info-bulle du mode d'inspection, etc.
La déclaration du jeu de caractères est manquante ou apparaît trop tard dans le code HTML.
Découvrez comment ajouter une déclaration d'encodage des caractères à votre code HTML.
Abandons et suppressions dans Chrome 83
Arrondissement des abandons et des suppressions dans Chrome 83 pour vous aider à vous organiser.
Nouveautés de Chrome 81
Chrome 81 est en cours de déploiement ! Le badge associé à l'icône de l'application est sorti de la phase d'évaluation. Les tests de positionnement en réalité augmentée sont désormais disponibles dans le navigateur. La technologie Web NFC commence sa phase d'évaluation. J'ai également une mise à jour sur le calendrier ajusté des mises à jour de Chrome. Découvrons les nouveautés de Chrome 81 pour les développeurs.
WebSocketStream: intégrer des flux à l'API WebSocket
WebSocketStream intègre les flux à l'API WebSocket. Cela permet à votre application d'appliquer une contre-pression aux messages reçus.
Chromium Chronicle n°13: débogage du voyage dans le temps avec RR
Vous arrive-t-il d'exécuter le même test de façon répétée dans le débogueur pour essayer de comprendre comment le code est tombé dans un état incorrect ? Nous avons un outil pour vous ! RR enregistre une trace d'exécution, ce qui permet de revenir facilement en arrière, de revenir en arrière et de voir où les variables ont changé de valeur ou quand une fonction a été appelée pour la dernière fois sur un objet.
Nouveautés des outils de développement (Chrome 83)
Émulez les défauts de vision des couleurs, émulez les paramètres régionaux, débogage COOP et COEP, et bien plus encore.
Abandons et suppressions dans Chrome 81
Arrondissement des abandons et des suppressions dans Chrome 81 pour vous aider à vous organiser.
Interagir avec des appareils NFC sur Chrome pour Android
Il est désormais possible de lire et d'écrire via des tags NFC dans Chrome pour Android.
Ajouter des données sur les autorisations de notification au rapport d'expérience utilisateur Chrome
Pour aider les propriétaires de sites à comprendre les métriques sur les autorisations de notification, nous ajoutons ces données au rapport d'expérience utilisateur Chrome dans l'ensemble de données de 202001. Les propriétaires de sites pourront ainsi mieux comprendre les réponses typiques des utilisateurs concernant les autorisations de notification pour leurs sites et pour les sites comparables de leur catégorie.
Chromium Chronicle n°10: détecter les régressions d'interface utilisateur grâce aux tests Pixel
La stratégie de test de Chrome s'appuie en grande partie sur des tests d'exactitude fonctionnelle et des tests manuels, mais aucune de ces méthodes ne permet de détecter de manière fiable les régressions mineures de l'interface utilisateur. Utilisez les tests de pixels pour automatiser le test de l'interface utilisateur de votre navigateur pour ordinateur.
Ouvrir un onglet personnalisé pour les liens dans une WebView
Combinez des WebView et des onglets personnalisés pour une meilleure expérience utilisateur.
Nouveautés de Chrome 80
Chrome 80 est en cours de déploiement et offre une multitude de nouveautés pour les développeurs ! Il est possible d'intégrer des modules dans les workers, le chaînage facultatif dans JavaScript, de nouvelles phases d'évaluation, des fonctionnalités qui ont été intégrées à la phase d'évaluation, et bien plus encore. Découvrons les nouveautés de Chrome 80 pour les développeurs !
Présentation des onglets personnalisés Android
Découvrez quand utiliser au mieux les onglets personnalisés Android pour ouvrir une URL dans votre application Android.
Vérifier si un appareil Android dispose d'un navigateur compatible avec les onglets personnalisés
Découvrez comment vérifier si un appareil Android dispose d'un navigateur compatible avec l'onglet personnalisé.
Guide d'intégration
Découvrez comment utiliser les activités Web fiables dans votre application Android.
Utilisation de l'API de bas niveau de l'onglet personnalisé
Découvrez comment utiliser un onglet personnalisé sans la bibliothèque Support du navigateur AndroidX.
Aperçu
Découvrez comment intégrer facilement votre progressive web app dans votre application Android grâce à une activité Web fiable.
Le terrain
Présentation des bibliothèques et des outils permettant de créer des activités Web fiables.
Nouveautés des outils de développement (Chrome 81)
Moto G4 en mode Appareil, nouvelles fonctionnalités liées aux cookies et plus encore.
Transmission d'informations à une activité Web fiable à l'aide de paramètres de requête
Transmettre des informations depuis le shell natif vers l'application Web lors du lancement d'une activité Web fiable
Activités Web fiables multi-origines
Comment créer une application à l'aide d'activités Web fiables, compatibles avec l'ouverture de plusieurs origines en plein écran
Largest Contentful Paint
Découvrez la métrique "Largest Contentful Paint" de Lighthouse, et comment la mesurer et l'optimiser.
android-browser-helper, une nouvelle bibliothèque pour créer des activités Web fiables.
Introduction d'android-browser-helper, une nouvelle bibliothèque pour créer des activités Web fiables.
Abandons et suppressions dans Chrome 80
Un récapitulatif des abandons et des suppressions dans Chrome 80 pour vous aider à vous organiser.
Passer de Workbox v4 à la version 5
Ce guide vous explique comment passer de Workbox v4 à la version 5.
Chromium Chronicle n°9: ClusterFuzz
Vous serez peut-être invité à corriger des bugs de sécurité à priorité élevée détectés par ClusterFuzz. De quoi est-il question ? Devriez-vous prendre ces bugs au sérieux ? Comment peux-tu m'aider ?
Indexer vos pages hors connexion avec l'API Content Indexing
Votre PWA peut mettre en cache des articles et des fichiers multimédias, mais comment vos utilisateurs sauront-ils que vos pages fonctionnent hors connexion ? L'API Content Indexing est l'une des réponses à cette question. Une fois que l'index contient le contenu de votre PWA, ainsi que de toutes les autres PWA installées, il s'affiche dans les zones dédiées des navigateurs compatibles.
Nouveautés de Chrome 79
Chrome 79 est en cours de déploiement ! Les progressive web apps installées sur Android sont compatibles avec les icônes masquables. Vous pouvez désormais créer des expériences immersives avec l'API WebXR Device. Les phases d'évaluation démarrent pour l'API Wake Lock et pour l'attribut "rendersubtree". Toutes les vidéos du Sommet des développeurs Chrome 2019 sont désormais en ligne. Penchons-nous sur les nouveautés de Chrome 79 pour les développeurs.
Nouveautés des outils de développement (Chrome 80)
Prise en charge des redéclarations de type "et" et de classe dans la console, amélioration du débogage WebAssembly et plus encore.
Amélioration du débogage de WebAssembly dans les outils pour les développeurs Chrome
Passez en revue le code, définissez des points d'arrêt et résolvez les traces de la pile dans vos langages sources depuis les Outils de développement.
Chromium Chronicle n°8: GWP-ASan: détectez les bugs
GWP-ASan est un détecteur d'erreurs de mémoire uniquement des tas de mémoire conçu pour être utilisé dans la nature. Elle détecte les utilisations après libération (use-after-free), les dépassements de mémoire tampon/débordement inférieurs et les doubles libérations. Contrairement à ASan, il ne détecte pas les erreurs dans la pile ou dans les éléments généraux.
Premiers pas avec les Web Bundles
Les Web Bundles vous permettent de partager des sites Web en un seul fichier via Bluetooth et de les exécuter hors connexion dans votre contexte d'origine.
Expériences hors connexion enrichies grâce à l'API Periodic Background Sync
La synchronisation périodique en arrière-plan permet aux applications Web de synchroniser régulièrement les données en arrière-plan. Elles se rapprochent ainsi du comportement d'une application iOS, Android ou de bureau.
Recevoir des données partagées avec l'API Web Share Target
Sur un appareil mobile ou de bureau, le partage doit être aussi simple que de cliquer sur le bouton "Partager", de choisir une application, puis de choisir les personnes avec lesquelles partager. L'API Web Share Target permet aux applications Web installées de s'enregistrer auprès du système d'exploitation sous-jacent afin de recevoir du contenu partagé.
Abandons et suppressions dans Chrome 79
Un récapitulatif des abandons et des suppressions dans Chrome 79 pour vous aider à vous organiser.
API Notification Triggers
L'API Notification Triggers permet aux développeurs de planifier des notifications locales qui ne nécessitent pas de connexion réseau, ce qui les rend idéales pour des cas d'utilisation tels que les applications d'agenda.
Chromium Chronicle n°7: source de prétraitement
La compilation manuelle d'un seul fichier source Chromium peut aider les développeurs à tester les options d'optimisation du compilateur, à comprendre des détails subtils de la macro ou à minimiser un bug du compilateur. Ce mois-ci, nous allons voir comment prétraiter la source.
Nouveautés de Chrome 78
Chrome 78 est en cours de déploiement ! Vous pouvez désormais fournir des "types" pour les variables CSS. Les service workers sont plus récents, car les vérifications octet par octet sont désormais effectuées pour les scripts importés par importScripts(). J'ai également des informations sur deux nouvelles phases d'évaluation qui offrent de nouvelles fonctionnalités intéressantes, telles que le système de fichiers natif et le récepteur de SMS. Le Dev Summit de Chrome se déroulera du 11 au 12 novembre 2019. Penchons-nous sur les nouveautés de Chrome 78 pour les développeurs.
Nouveautés des outils de développement (Chrome 79)
Déboguez les raisons pour lesquelles les cookies ont été bloqués, simulez le modèle "Preferreds-color-scheme" (sombre), les mises à jour de la couverture du code, etc.
Temps total de blocage
Découvrez la métrique "Total Blocking Time" de Lighthouse, et apprenez à la mesurer et à l'optimiser.
Valider des numéros de téléphone sur le Web avec l'API WebOTP
La recherche, la mémorisation et la saisie des mots de passe à usage unique envoyés par SMS sont fastidieuses. L'API WebOTP simplifie le flux de travail OTP pour les utilisateurs.
The Chromium Chronicle #6: Monorail's Grid View
Monorail, l'outil de suivi des problèmes de Chrome, propose une grille qui vous permet de visualiser vos problèmes dans un tableau de style Kanban. Cet épisode explique comment utiliser le mode grille.
Service workers plus récents par défaut
Les requêtes HTTP qui recherchent les mises à jour du script du service worker ne seront plus traitées par défaut par le cache HTTP, et les scripts importés peuvent déclencher le flux de mise à jour du service worker.
Évaluation des performances Lighthouse
Découvrez comment Lighthouse génère le score de performances global de votre page.
Abandons et suppressions dans Chrome 78
Arrondissement des abandons et des suppressions dans Chrome 78 pour vous aider à vous organiser.
Score d'accessibilité Lighthouse
Découvrez comment Lighthouse génère le score d'accessibilité de votre page.
Nouveautés de Chrome 77
Chrome 77 est en cours de déploiement ! Il existe un meilleur moyen de suivre les performances de votre site grâce au Largest Contentful Paint. Les formulaires bénéficient de nouvelles fonctionnalités. Le chargement différé natif est disponible. Le DevSummit Chrome se déroule du 11 au 12 novembre 2019. et bien plus encore. Penchons-nous sur les nouveautés de Chrome 77 pour les développeurs.
Déboguer les services d'arrière-plan
Consultez des rapports et déboguez des services d'arrière-plan tels que la récupération en arrière-plan, la synchronisation en arrière-plan, les notifications, les messages push, etc.
Nouveautés des outils de développement (Chrome 78)
Lighthouse 5.2 dans le panneau "Audits" et "Largest Contentful Paint" dans le panneau "Performances".
Premiers pas avec le calcul GPU sur le Web
Cet article explore l'API expérimentale WebGPU à l'aide d'exemples et vous aide à commencer à effectuer des calculs parallèles des données à l'aide du GPU.
- WebGPU
Guide de démarrage rapide
Guide de démarrage pour la création d'une activité Web fiable simple et basique.
Chromium Chronicle n°5: coder en dehors du bac à sable
Tout le code comporte des bugs. Le processus du navigateur Chrome n'a pas de bac à sable, ce qui signifie que ces bugs pourraient donner au code malveillant un accès complet à l'ensemble de l'appareil. Cet épisode explique ce qu'il faut faire et ne pas faire lors du codage sans bac à sable.
Connaître l'état de votre code avec l'API ReportingObserver
ReportingObserver vous permet de savoir si votre site utilise une API obsolète ou s'il subit une intervention du navigateur. Les fonctionnalités de base sont disponibles à l'origine dans Chrome 69. Depuis Chrome 84, il peut être utilisé dans les nœuds de calcul. C'est assez simple.
Abandons et suppressions dans Chrome 77
Arrondissement des abandons et des suppressions dans Chrome 77 pour vous aider à vous organiser.
Un outil de sélection de contacts pour le Web
L'accès aux contacts de l'utilisateur est une fonctionnalité des applications iOS/Android depuis la création (presque) de la vie. L'API Contact Picker est une API à la demande qui permet aux utilisateurs de sélectionner une ou plusieurs entrées dans leur liste de contacts et de partager des informations limitées sur les contacts sélectionnés avec un site Web. Elle permet aux utilisateurs de partager uniquement ce qu'ils veulent, quand ils le veulent, et leur permet d'entrer en contact et de communiquer plus facilement avec leurs amis et leur famille.
Nouveautés de Chrome 76
Chrome 76 est en cours de déploiement ! Il est compatible avec la requête média "Preferreds-color-scheme", ce qui permet d'activer le mode sombre sur les sites Web. Un bouton "Installer" dans l'omnibox pour faciliter l'installation des progressive web apps sur ordinateur. Un moyen d'empêcher l'affichage de la mini-barre d'informations sur les mobiles. Augmente la fréquence de mise à jour des APK Web. et bien plus encore. Intéressons-nous de plus près aux nouveautés de Chrome 76 pour les développeurs !
Chromium Chronicle n°4: tester les fonctionnalités de votre plate-forme Web avec le WPT
Les tests de plate-forme Web (WPT) sont la méthode privilégiée pour tester les fonctionnalités exposées sur le Web, car elles sont partagées avec d'autres navigateurs via GitHub. Ce mois-ci, nous allons vous présenter les bonnes pratiques associées.
Mises à jour multimédias dans Chrome 75
Prédire si la lecture sera fluide et économe en énergie pour les contenus multimédias chiffrés et la compatibilité avec l'attribut "playsInline" de l'élément vidéo
Nouveautés des outils de développement (Chrome 77)
Copiez les styles des éléments, visualisez le décalage de mise en page, etc.
Mise à jour des composants Web : plus de temps pour passer aux API v1
Les utilisateurs de Web Components v0 ont plus de temps pour passer à la version 1, mais faites des tests.
Chromium Chronicle n°3: Couverture de code dans Gerrit
Les tests sont essentiels, car ils permettent de détecter des bugs et des régressions, d'appliquer de meilleures conceptions et de faciliter la gestion du code. Ce mois-ci, nous allons voir comment effectuer des tests approfondis avec Gerrit.
Abandons et suppressions dans Chrome 76
Arrondissement des abandons et des suppressions dans Chrome 76 pour vous aider à vous organiser.
Mise à jour plus fréquente des WebAPK
À partir de Chrome 76, les APK Web seront mis à jour plus fréquemment.
Nouveautés de Chrome 75
Chrome 75 est en cours de déploiement. Il existe un nouveau moyen de réduire la latence des éléments de canevas. Les applications Web peuvent désormais partager des fichiers avec d'autres applications installées à l'aide de la feuille de partage au niveau du système. Toutes les interventions de Google I/O sont disponibles sur notre chaîne YouTube. et bien plus encore. Intéressons-nous de plus près aux nouveautés de Chrome 75 pour les développeurs !
Nouveautés des outils de développement (Chrome 76)
Saisie semi-automatique avec des valeurs CSS, une nouvelle interface utilisateur pour les paramètres réseau et plus encore.
Chromium Chronicle n°2: Combattre les irrégularités
Les tests irréguliers sont un problème courant dans Chrome. Ils ont un impact sur la productivité des autres développeurs et se désactivent au fil du temps. Ce mois-ci, nous allons vous expliquer comment lutter contre les irrégularités.
Dans Chrome 76, vous pouvez masquer la mini-barre d'informations "Ajouter à l'écran d'accueil"
Plus de contrôle sur la mini-barre d'informations pour les PWA dans Chrome 76.
Réalité augmentée avec l'outil de visualisation de modèles
En février, nous avons lancé le composant Web model-viewer, qui permet d'ajouter un modèle 3D de façon déclarative à une page Web. Nous annonçons maintenant la prise en charge de la RA sur Android grâce à l'ajout de l'attribut ar.
Paint Holding : réduction du flash du blanc lors des navigations de même origine
Une présentation rapide de la tenue de la peinture. Fonctionnalité Chrome permettant de réduire le flash du blanc lors des navigations de même origine
Éviter les redirections de page multiples
Découvrez pourquoi les redirections de page ralentissent la vitesse de chargement de votre page Web et comment les éviter.
Les éléments interactifs indiquent leur objectif et leur état
Découvrez comment améliorer l'accessibilité des commandes personnalisées sur votre page Web en indiquant clairement leur objectif et leurs états à tous les utilisateurs.
Les commandes interactives peuvent être sélectionnables au clavier
Découvrez comment rendre des commandes personnalisées sélectionnables sur votre page Web pour que les utilisateurs de clavier puissent y accéder.
Utiliser des formats vidéo pour le contenu animé
En savoir plus sur l'audit efficace des contenus animés
Le document ne contient pas de meta description.
En savoir plus sur l'audit Lighthouse concernant le document n'inclut pas de meta description
La page a un ordre de tabulation logique
Découvrez comment faciliter la navigation sur votre page Web pour les utilisateurs de clavier en plaçant les tabulations dans un ordre logique.
L'indexation de la page est bloquée
En savoir plus sur l'audit Lighthouse sur l'état "Blocage de l'indexation de la page"
Utilise des API obsolètes
Découvrez comment supprimer et remplacer des API obsolètes de votre page Web.
Limiter le nombre de requêtes et réduire la taille des transferts
Découvrez l'impact d'un nombre élevé de ressources et de tailles de transfert importantes sur les performances de chargement. Découvrez des stratégies pour réduire le nombre de requêtes et la taille des transferts.
Premier processeur inactif
Découvrez la métrique "Premier processeur inactif" obsolète de Lighthouse et comment l'optimiser.
Estimation de la latence d'entrée
Découvrez la métrique "Estimation de la latence d'entrée" de Lighthouse, et comment la mesurer et l'optimiser.
Utilise document.write()
Découvrez comment accélérer le temps de chargement de votre page en évitant document.write().
Affiche les images au format incorrect
Découvrez comment afficher des images responsives au bon format.
Retard potentiel maximal lors de la première entrée
Découvrez la métrique obsolète "Max Potential First Input Delay", obsolète de Lighthouse, et apprenez à la mesurer et à l'optimiser.
Réduire le travail du thread principal
Découvrez le thread principal du navigateur et comment optimiser votre page Web pour réduire la charge du thread principal et améliorer les performances.
Le document n'utilise pas de tailles de police lisibles
En savoir plus sur l'audit Lighthouse sur le type "Document" n'utilise pas de tailles de police lisibles
Le document ne contient pas d'attribut rel="canonical" valide
En savoir plus sur le fait que le document ne dispose pas d'un audit Lighthouse rel=canonical valide
Utiliser des écouteurs passifs pour améliorer les performances de défilement
Découvrez comment améliorer la réactivité du défilement de votre page en évitant les écouteurs d'événements passifs.
Réduire le temps d'exécution JavaScript
Découvrez comment l'exécution de JavaScript peut ralentir les performances de votre page et comment vous pouvez l'accélérer.
First Contentful Paint
Découvrez la métrique "First Contentful Paint" de Lighthouse, et comment la mesurer et l'optimiser.
Les données structurées sont valides
En savoir plus sur l'audit Lighthouse sur la "validité des données structurées"
Le document ne contient pas d'attribut hreflang valide
En savoir plus sur le fait que le document ne comporte pas d'audit hreflang valide dans Lighthouse.
Les commandes personnalisées sont associées à des libellés
Découvrez comment améliorer l'accessibilité en vous assurant que tous les boutons de commande personnalisés sont associés à des libellés accessibles aux utilisateurs de technologies d'assistance.
Le contenu hors écran est masqué pour les technologies d'assistance
Découvrez comment améliorer l'accessibilité pour les utilisateurs de technologies d'assistance en masquant le contenu hors écran.
Les liens ne contiennent pas de texte descriptif
En savoir plus sur l'audit Lighthouse sur les "liens"
First Meaningful Paint
Découvrez la métrique "First Meaningful Paint" obsolète de Lighthouse, et comment la mesurer et l'optimiser.
Les éléments tactiles ne sont pas dimensionnés correctement
Découvrez comment les cibles tactiles ne sont pas dimensionnées de manière appropriée pour l'audit Lighthouse.
Évitez d'énormes charges utiles de réseau
Découvrez comment améliorer le temps de chargement de votre page Web en réduisant la taille totale des fichiers des ressources proposées aux utilisateurs.
Bibliothèques JavaScript détectées
Découvrez l'audit de diagnostic de Lighthouse sur les bibliothèques JavaScript détectées.
Réduire l'impact du code tiers
Découvrez comment le code tiers, comme les réseaux publicitaires et les services d'analyse, affecte les performances de chargement des pages et comment vous pouvez optimiser ce code.
Demande l'autorisation de géolocalisation au chargement de la page
Découvrez comment demander de manière responsable une autorisation de géolocalisation tout en améliorant l'expérience utilisateur.
N'utilise pas le protocole HTTP/2 pour toutes ses ressources
Découvrez pourquoi le protocole HTTP/2 est important pour le temps de chargement de votre page et comment activer HTTP/2 sur votre serveur.
Activer la compression de texte
Découvrez comment l'activation de la compression de texte peut améliorer les performances de chargement des pages.
Marques et mesures du temps utilisateur
Découvrez comment l'API User Timing peut vous aider à obtenir des données de performances réelles pour votre page Web.
Les commandes personnalisées sont associées à des rôles ARIA
Découvrez comment améliorer l'accessibilité en ajoutant ARIA aux commandes personnalisées afin que les technologies d'assistance puissent les interpréter.
Les erreurs du navigateur ont été enregistrées dans la console
Découvrez comment identifier et corriger les erreurs liées au navigateur.
L'attention de l'utilisateur n'est pas accidentellement piégée dans une région
Découvrez comment améliorer l'accessibilité pour les utilisateurs de clavier en empêchant le focus d'être piégé dans une région de la page.
Demande l'autorisation d'envoyer des notifications au chargement de la page
Découvrez comment demander de manière responsable des autorisations de notification tout en offrant une bonne expérience utilisateur.
Inclut des bibliothèques JavaScript frontales présentant des failles de sécurité connues
Découvrez comment renforcer la sécurité de votre page en remplaçant les bibliothèques JavaScript qui présentent des failles connues.
La page renvoie un code d'état HTTP d'échec
En savoir plus sur l'audit Lighthouse sur la page : échec du code d'état HTTP
Les éléments de repère HTML5 permettent d'améliorer la navigation
Découvrez comment améliorer l'accessibilité de votre page Web en fournissant des repères que les utilisateurs de clavier peuvent utiliser pour naviguer.
Éliminer les ressources qui bloquent l'affichage
En savoir plus sur l'audit des ressources bloquant l'affichage
Le fichier robots.txt n'est pas valide
En savoir plus sur le fait que le fichier robots.txt n'est pas valide dans l'audit Lighthouse
Abandons et suppressions dans Chrome 75
Arrondissement des abandons et des suppressions dans Chrome 75 pour vous aider à vous organiser.
La page ne comporte pas l'attribut doctype HTML, ce qui déclenche le mode quirks.
Découvrez comment vous assurer que votre page ne déclenche pas le mode quirks dans les navigateurs plus anciens.
Éviter de créer des chaînes de requêtes critiques
Découvrez en quoi consistent les chaînes de requêtes critiques, comment elles affectent les performances des pages Web et comment réduire leur impact.
Délai avant interactivité
Découvrez la métrique "Délai avant interactivité" de Lighthouse, et comment la mesurer et l'optimiser.
Empêche les utilisateurs de coller du texte dans les champs de saisie.
Découvrez comment améliorer l'expérience utilisateur sur l'écran de connexion de votre site en autorisant les utilisateurs à coller du contenu dans des champs de saisie.
L'objectif de l'utilisateur est dirigé vers le nouveau contenu ajouté à la page
Découvrez comment modifier l'état de votre application Web de façon compréhensible pour les utilisateurs de technologies d'assistance en vous concentrant sur les nouveaux contenus.
Rendu à faible latence avec indice de désynchronisation
Les applications de dessin basées sur un stylet conçues pour le Web souffrent de problèmes de latence, car une page Web doit synchroniser les mises à jour graphiques avec le DOM. L'optimisation de la désynchronisation pour les contextes contourne le DOM afin d'éliminer la latence.
Les liens vers des destinations multi-origines sont dangereux
Découvrez comment créer des liens sécurisés vers les ressources d'un autre hôte.
Diffusez des éléments statiques avec une règle de cache efficace
Découvrez comment la mise en cache des ressources statiques de votre page Web peut améliorer les performances et la fiabilité des visiteurs récurrents.
Utilise le cache d'application
Découvrez comment migrer votre page Web du cache d'application obsolète vers l'API Cache.
Nouveautés de Chrome 74
Chrome 74 arrive juste à temps pour Google I/O ! Il accepte les champs de classe privés, vous permet de détecter quand l'utilisateur a demandé une expérience de mouvement réduite, est compatible avec les événements de transition CSS, et bien plus encore. Penchons-nous sur les nouveautés de Chrome 74 pour les développeurs.
Observez les valeurs JavaScript en temps réel avec les expressions en direct.
Si vous devez saisir souvent les mêmes expressions JavaScript dans la console, essayez plutôt les Expressions dynamiques.
Documentation de référence sur les fonctionnalités de la console
Documentation de référence complète sur toutes les fonctionnalités et tous les comportements liés à l'interface utilisateur de la console dans les outils pour les développeurs Chrome.
Nouveautés des outils de développement (Chrome 75)
Valeurs prédéfinies significatives de la saisie semi-automatique, effacement des données de site à partir du menu de commandes, etc.
Chromium Chronicle n°1: bonnes pratiques de planification des tâches
L'équipe Chrome est fière de vous présenter Chromium Chronicle, une série mensuelle dédiée aux développeurs Chromium, c'est-à-dire aux développeurs du navigateur. Ce mois-ci, nous vous présenterons les bonnes pratiques concernant la planification des tâches.
Afficher les données du cache
Afficher les données du cache depuis le panneau "Application" des outils pour les développeurs Chrome
Afficher les données Web SQL
Afficher les données Web SQL à partir du panneau "Application" des outils pour les développeurs Chrome
Obsolète: Afficher les données du cache de l'application avec les outils pour les développeurs Chrome
Afficher les données du cache d'application à partir du panneau "Application" des outils pour les développeurs Chrome
Abandons et suppressions dans Chrome 74
Arrondissement des abandons et des suppressions dans Chrome 74 pour vous aider à vous organiser.
Nœud DOM actuellement sélectionné
Découvrez le raccourci de la console rapide pour obtenir le nœud DOM actuellement sélectionné.
Afficher et modifier les données IndexedDB
Afficher et modifier les données IndexedDB à l'aide du panneau "Application" et des extraits
Afficher et modifier l'espace de stockage local
Afficher et modifier "localStorage" à l'aide du volet "Stockage local" et de la console
Afficher et modifier l'espace de stockage des sessions
Afficher et modifier "sessionStorage" avec le volet "Stockage de session" et la console
Nouveautés de Chrome 73
Chrome 73 facilite la création de contenu portable grâce aux échanges HTTP signés. La modification dynamique des styles devient beaucoup plus facile grâce aux feuilles de style constructibles. Prise en charge des progressive web apps sur Mac. Les PWA sont compatibles avec toutes les plates-formes mobiles et de bureau, ce qui facilite la création d'applications installables à partir du Web. Découvrons les nouveautés de Chrome 73 pour les développeurs.
Stockage KV : le premier module intégré sur le Web
Présentation de la nouvelle API KV Storage, des modules intégrés et des cartes d'importation.
Naviguer dans les outils pour les développeurs Chrome à l'aide d'une technologie d'assistance
Ce guide vous explique comment naviguer dans les outils pour les développeurs Chrome à l'aide de technologies d'assistance comme les lecteurs d'écran.
Nouveautés des outils de développement (Chrome 74)
Mettez en surbrillance les nœuds affectés par une propriété CSS, Lighthouse v4, le lecteur de messages binaires WebSocket, etc.
Afficher et modifier le DOM
Comment afficher et rechercher des nœuds, modifier des nœuds, consulter des nœuds de référence dans la console, effectuer des pauses en cas de modification d'un nœud, etc.
Équipe des écosystèmes de développement Web – Conclusion de février
Conclusion de février, nous revenons sur l'activité de l'équipe Web Developer Ecosystem.
fenêtre de la boîte de travail
Module qui permet d'enregistrer un service worker, de gérer les mises à jour et de répondre aux événements de cycle de vie.
Remplacer un chemin d'accès à chaud dans le code JavaScript de votre application par WebAssembly
L'un des principaux avantages de WebAssembly est qu'il offre des performances _prévisibles_ dans tous les navigateurs. Mais comment convertir un chemin d'accès rapide écrit en JavaScript en WebAssembly ?
Abandons et suppressions dans Chrome 73
Arrondissement des abandons et des suppressions dans Chrome 73 pour vous aider à vous organiser.
Améliorer la correspondance des résultats avec String.prototype.matchAll()
Chrome 73 introduit la méthode String.prototype.matchAll(). Elle se comporte de la même manière que match(), mais elle offre un moyen simple d'itérer les correspondances, en particulier lorsque vous avez besoin d'accéder à des groupes de capture.
Vitesse de défilement par défaut de la molette
La réactivité au défilement est essentielle à l'engagement de l'utilisateur avec un site Web sur mobile, mais les écouteurs d'événements de roues causent souvent de sérieux problèmes de performances de défilement. Découvrez comment nous aidons les utilisateurs et les développeurs à être rapides par défaut.
Mises à jour multimédias dans Chrome 73
Compatibilité avec les clés multimédias matérielles, vérification du respect des règles HDCP, phases d'évaluation Picture-in-picture, etc.
Modèles et composants Web ultrarapides – lit-html et LitElement
lit-html et LitElement apportent des modèles rapides et légers et des composants interopérables au Web moderne.
RTCQuicTransport arrive en phase d'évaluation près de chez vous (Chrome 73)
RTCQuicTransport est une nouvelle API de plate-forme Web qui permet d'échanger des données arbitraires avec des pairs distants à l'aide du protocole QUIC.
Nouveautés de Chrome 72
Dans Chrome 72, la création de champs de classe publics en JavaScript est désormais beaucoup plus claire. Vous pouvez voir si une page a été activée avec la nouvelle API User Activation, la localisation des listes devient beaucoup plus facile et bien plus encore. Intéressons-nous de plus près aux nouveautés de Chrome 72 pour les développeurs !
Packs de piles de prototypage pour Lighthouse
Au lieu d'afficher uniquement des conseils généraux, les packs de pile étendreront Lighthouse à des messages supplémentaires pour des outils spécifiques.
Nouveautés des outils de développement (Chrome 73)
Points de journalisation, info-bulles détaillées en mode Inspection et bien plus encore.
Rendre l'activation des utilisateurs cohérente entre les API
User Activation v2 est disponible dans Chrome 72, qui permet de rendre l'activation par l'utilisateur complète pour toutes les API soumises à l'activation, ce qui résout de nombreuses incohérences au niveau de l'activation par les utilisateurs.
API Shape Detection: une image vaut mille mots, visages et codes-barres
L'API Shape Detection détecte les visages, les codes-barres et le texte dans les images.
Créer un appareil pour WebUSB
Créez un appareil pour exploiter pleinement l'API WebUSB. Cet article explique comment créer un appareil pour exploiter pleinement l' API WebUSB. Pour une brève présentation de l'API elle-même, consultez Accéder aux appareils USB sur le Web. L'USB
Abandons et suppressions dans Chrome 72
Arrondissement des abandons et des suppressions dans Chrome 72 pour vous aider à vous organiser.
Rester activé avec l'API Screen Wake Lock
Pour éviter de décharger la batterie, la plupart des appareils s'endorment rapidement lorsqu'ils sont inactifs. Bien que cela soit acceptable dans la plupart des cas, certaines applications doivent maintenir l'écran activé afin de pouvoir effectuer une partie du travail. L'API Screen Wake Lock permet d'empêcher l'appareil de réduire la luminosité ou de verrouiller l'écran lorsqu'une application doit continuer à fonctionner.
Ouvrir les outils pour les développeurs Chrome
Toutes les méthodes permettant d'ouvrir les outils pour les développeurs Chrome.
Suivre l'objectif de l'élément
Ouvrez la console, créez une expression active, puis définissez l'expression sur document.activeElement.
Badges pour les icônes d'application
L'API App Badging permet aux applications Web installées de définir un badge au niveau de l'application. Celui-ci s'affiche à un endroit spécifique au système d'exploitation associé à l'application, comme l'étagère ou l'écran d'accueil. Les badges permettent d'informer subtilement l'utilisateur qu'une nouvelle activité est susceptible d'exiger son attention. Ils peuvent également servir à indiquer une petite quantité d'informations, comme un nombre de messages non lus.
Nouveautés de Chrome 71
Chrome 71 facilite l'affichage des valeurs de temps relatif avec la nouvelle API Intl.RelativeTimeFormat(). Vous pouvez spécifier le côté du texte sur lequel le soulignement doit apparaître pour le texte à afficher verticalement. De plus, l'API de synthèse vocale nécessite désormais l'activation de l'utilisateur avant que votre ordinateur ne commence à vous parler. Intéressons-nous de plus près aux nouveautés de Chrome 71 pour les développeurs !
Présentation de la récupération en arrière-plan
La récupération en arrière-plan vous permet de gérer des téléchargements volumineux, même si le navigateur est fermé.
Nouveautés des outils de développement (Chrome 72)
Visualisez les métriques de performances, mettez en surbrillance les nœuds de texte, copiez le chemin JS vers un nœud DOM et modifiez le panneau "Audits".
Audio sur le Web, règles de lecture automatique et jeux
En septembre 2017, nous avons annoncé un changement à venir concernant la gestion de l'audio avec la règle de comportement de lecture automatique dans Chrome. Ce changement de règle a été publié avec la version stable de Chrome 66 en mai 2018. Après
Nouvel état des fonctionnalités
Les applications Web doivent pouvoir faire tout ce que les applications spécifiques à une plate-forme peuvent faire. Découvrez l'état des nouvelles fonctionnalités pour les applications Web.
Signed HTTP Exchanges
Les échanges signés permettent aux sites Web de signer un contenu Web de manière à ce que celui-ci puisse être redistribué en toute sécurité et vérifié d'où il provient.
Abandons et suppressions dans Chrome 71
Un récapitulatif des abandons et des suppressions dans Chrome 71 pour vous aider à vous organiser.
Mises à jour audio et vidéo dans Chrome 70
Résumé des mises à jour audio/vidéo dans Chrome 70 : mise en mémoire tampon et lecture de flux d'octets et de codescs croisés, Opus au format MP4 avec MSE et lecture de contenu protégé autorisés par défaut sur Android.
Regarder une vidéo en mode Picture-in-picture
Contrôlez le Picture-in-picture pour les éléments vidéo de votre site Web.
Nouveautés de Chrome 70
Chrome 70 est compatible avec les progressive web apps de bureau sous Windows et Linux. De plus, la prise en charge des identifiants de clé publique avec l'API Credential Management vous permet d'attribuer un nom aux travailleurs dédiés et bien plus encore. Intéressons-nous de plus près aux nouveautés de Chrome 70 pour les développeurs !
Modifications apportées à cache.addAll() et importScripts() à venir dans Chrome 71
Des modifications mineures seront apportées à cache.addAll(), importScripts et à Chrome 71.
Problèmes de timing de peinture dans Chrome 69
Chrome 69 inclut une modification incorrecte de nos métriques de temps de rendu, qui était destinée à capturer une plus grande partie du pipeline de rendu, mais a entraîné des horodatages incorrects.
Nouveautés des outils de développement (Chrome 71)
Mettez en surbrillance les nœuds DOM à partir d'expressions en direct, stockez les nœuds en tant que variables globales, et plus encore.
Worklet d'animation de Houdini
Le Worklet d'animation vous permet d'écrire des animations impératives qui s'exécutent à la fréquence d'images native de l'appareil pour une fluidité supplémentaire, sans à-coups. Elles rendent vos animations plus résistantes aux à-coups du thread principal et peuvent être liées au défilement plutôt qu'au temps.
Commandes utilisateur pour les autorisations d'organisateur: guide de transition
Consignes pour mettre à jour vos extensions afin de gérer les changements d'autorisations d'hôte d'exécution à partir de Chrome 70.
Au cœur du navigateur Web moderne (partie 4)
Gestion des événements d'entrée avec le thread compositeur
Au cœur du navigateur Web moderne (partie 3)
Fonctionnement interne d'un moteur de rendu de navigateur
Mises à jour multimédias dans Chrome 70
La mise en mémoire tampon et la lecture multi-codec et multi-octets, Opus au format MP4 avec MSE, et la lecture de contenu protégé sont autorisés par défaut sur Android.
Abandons et suppressions dans Chrome 70
Un récapitulatif des abandons et des suppressions dans Chrome 68 pour vous aider à vous organiser.
Au cœur du navigateur Web moderne (partie 2)
Découvrez comment le navigateur gère les requêtes de navigation.
Accès asynchrone aux cookies HTTP
L'API Cookie Store offre un accès asynchrone aux cookies HTTP et ouvre le fichier de cookie aux service workers.
Au cœur du navigateur Web moderne (partie 1)
Découvrez comment le navigateur transforme votre code en site Web fonctionnel, de l'architecture de haut niveau aux spécificités du pipeline de rendu.
Nouveautés de Chrome 69
10 ans se sont écoulés depuis la sortie de Chrome. Beaucoup de choses ont changé depuis, mais notre objectif de construire une base solide pour les applications Web modernes n'a pas changé ! Chrome 69 est compatible avec l'ancrage de défilement CSS, la compatibilité avec les encoches, les verrous Web et quelques nouvelles fonctionnalités CSS4 intéressantes. Intéressons-nous de plus près aux nouveautés de Chrome 69 pour les développeurs !
Nouveautés des outils de développement (Chrome 70)
Expressions dynamiques dans la console, mise en surbrillance des nœuds DOM pendant l'évaluation eager, etc.
Mises à jour multimédias dans Chrome 69
Présentation des mises à jour multimédias dans Chrome 69: vérification des règles AV1 et HDCP.
ReportingObserver: connaître l'état de votre code
ReportingObserver fournit aux développeurs des informations sur ce que fait leur code dans la nature. ReportingObserver affiche des informations sur des problèmes tels que les abandons et les interventions, des messages qui n'étaient auparavant disponibles que dans la console des outils de développement.
La vitesse est désormais un facteur de page de destination pour la recherche Google et les annonces
La vitesse est désormais un facteur de page de destination pour la recherche Google et Google Ads.
Nouveautés de Chrome 68
Chrome 68 modifie le comportement de l'option "Ajouter à l'écran d'accueil" sur Android, ce qui vous permet de bénéficier d'un contrôle accru. L'API du cycle de vie de la page vous indique quand votre onglet a été suspendu ou restauré. L'API Payment Handler permet aux applications de paiement Web d'assurer la compatibilité des requêtes de paiement. Intéressons-nous de plus près aux nouveautés de Chrome 68 pour les développeurs !
Présentation du préchargement NoState
Chrome 63 est fourni avec le préchargement NoState. Le préchargement NoState est un mécanisme permettant d'extraire à l'avance des ressources qui utilise moins de mémoire que le processus de prérendu obsolète.
PWACompat : le fichier manifeste d'application Web pour tous les navigateurs
Utilisez la bibliothèque PWACompat pour transférer votre fichier manifeste d'application Web dans tous les navigateurs.
zone de travail-navigation-préchargement
Activez le préchargement de la navigation pour obtenir plus rapidement une réponse réseau pour les requêtes de navigation.
Isolation de sites pour les développeurs Web
Chrome 67 sur ordinateur dispose d'une nouvelle fonctionnalité appelée "isolation de sites"\* activée par défaut. Cet article explique en quoi consiste l'isolation de sites, pourquoi elle est nécessaire et pourquoi les développeurs Web doivent en tenir compte.
Tester le délai de première entrée dans le rapport UX Chrome
Ajout de la métrique expérimentale FID (First Input Delay) au rapport d'expérience utilisateur Chrome.
Présentation des règles relatives aux caractéristiques
Les règles relatives aux fonctionnalités permettent aux développeurs d'activer, de désactiver et de modifier de manière sélective le comportement de certaines API et fonctionnalités dans le navigateur. C'est comme CSP, mais pour les fonctionnalités ! Disponible dans Chrome 60.
Comprendre le quota de stockage
Guide sur la configuration de Workbox pour éviter les problèmes de quota de stockage.
Meilleure annulation de l'écho natif
Amélioration de la compatibilité native de l'annulation de l'écho
Réalité augmentée pour le Web
La réalité augmentée permet de placer et de suivre des objets virtuels dans une vue du monde réel.
Chacmool: réalité augmentée dans Chrome Canary
Chacmool, une démonstration Web éducative, montre à quel point la RA basée sur le Web peut facilement créer une expérience attrayante.
Questions fréquentes sur la migration après l'abandon des installations intégrées
Questions fréquentes sur l'abandon des installations intégrées pour les extensions Chrome.
Abandons et suppressions dans Chrome 68
Un récapitulatif des abandons et des suppressions dans Chrome 68 pour vous aider à vous organiser.
Modifications à ajouter à l'écran d'accueil
À partir de Chrome 68 sur Android, le comportement de l'option "Ajouter à l'écran d'accueil" change pour vous permettre de mieux contrôler quand et comment envoyer des invites. Si votre site remplit les critères d'ajout à l'écran d'accueil, Chrome n'affichera plus automatiquement cette bannière. À la place, vous devez appeler prompt() sur l'événement beforeinstallprompt enregistré pour présenter à vos utilisateurs l'invite d'ajout à l'écran d'accueil.
Nouveautés de Chrome 67
Chrome 67 intègre les progressive web apps sur le bureau. Ajout de la compatibilité avec l'API générique de capteur, qui facilite l'accès aux capteurs d'appareil tels que l'accéléromètre, le gyroscope, etc. Et ajoute la prise en charge de BigInts pour faciliter le traitement des grands entiers. Intéressons-nous de plus près aux nouveautés de Chrome 67 pour les développeurs !
Nouveautés des outils de développement (Chrome 68)
Évaluation impulsive, indications d'arguments, saisie semi-automatique des fonctions, Lighthouse 3.0, etc.
Activer l'authentification forte avec WebAuthn
La version bêta de Chrome 67 introduit l'API Web Authentication (WebAuthn), qui permet aux navigateurs d'interagir avec des identifiants basés sur des clés publiques et de les gérer. Cela permet une authentification forte à l'aide de clés de sécurité amovibles et d'authentificateurs de plate-forme intégrés tels que des lecteurs d'empreintes digitales.
Utiliser Lighthouse pour améliorer les performances de chargement des pages
Nouveaux audits de performances pour le préchargement, la préconnexion, les GIF, etc.
Lancement de Lighthouse 3.0
Audits plus rapides, moins d'écarts, nouvelle interface utilisateur des rapports, nouveaux audits, et plus encore.
Abandons et suppressions dans Chrome 67
Un récapitulatif des abandons et des suppressions dans Chrome 67 pour vous aider à vous organiser. Dans cette version, abandon de l'épinglage des clés publiques, suppression d'AppCache sur les contextes non sécurisés et suppressions de préfixes supplémentaires.
Migrer vers des scripts d'arrière-plan basés sur des événements
Migrez un script persistant en arrière-plan vers un modèle non persistant basé sur les événements pour améliorer les performances de votre extension Chrome.
Nouveautés de Chrome 66
Chrome 66 facilite la manipulation CSS avec le nouvel objet de modèle typé CSS, l'accès au presse-papiers est désormais asynchrone, un nouveau contexte d'affichage pour les éléments du canevas et une meilleure façon de traiter le contenu audio à l'aide de JavaScript. Intéressons-nous de plus près aux nouveautés de Chrome 66 pour les développeurs !
Nouveautés des outils de développement (Chrome 67)
Effectuez des recherches dans les en-têtes réseau, copiez des requêtes en tant qu'extraction, auditez les pages à l'aide des conditions d'un ordinateur, et bien plus encore.
Modifier et enregistrer des fichiers dans un espace de travail
Découvrez comment enregistrer les modifications apportées à vos fichiers sources dans les Outils de développement.
Présenter des pages Web sur des écrans associés secondaires
Chrome 66 permet aux pages Web d'utiliser un écran secondaire joint via l'API Slides et de contrôler son contenu via l'API Overview Receiver.
Abandons et suppressions dans Chrome 66
Un récapitulatif des abandons et des suppressions dans Chrome 66 pour vous aider à vous organiser. Dans cette version, nous avons amélioré la sécurité des service workers, modifié les valeurs de position CSS, etc.
Questions fréquentes sur SmooshGate
Que peut nous apprendre SmooshGate sur le développement de normes et la plate-forme Web ? Cet article en donne un aperçu.
Protéger la confidentialité des utilisateurs
Ces consignes vous permettent de vous assurer que votre extension Chrome protège la vie privée des utilisateurs.
Protéger la confidentialité des utilisateurs
Ces consignes vous permettent de vous assurer que votre extension Chrome protège la vie privée des utilisateurs.
Concevoir l'interface utilisateur
Consignes relatives à l'interface utilisateur et à la conception des extensions Chrome
Nouveautés de Chrome 65
Chrome 65 est compatible avec la nouvelle API CSS Paint, qui vous permet de générer une image par programmation. Vous pouvez utiliser l'API Server Timing pour fournir des informations temporelles sur les performances du serveur via des en-têtes HTTP. De plus, la nouvelle propriété "display: content" du CSS peut faire disparaître des zones de texte. Intéressons-nous de plus près aux nouveautés de Chrome 65 pour les développeurs !
Nouveautés des outils de développement (Chrome 66)
Ignorez le script dans le panneau "Network", réglez automatiquement le zoom en mode Appareil, etc.
Mises à jour de Lighthouse 2.8
Nouveaux audits SEO et de performances, première section des rapports sur les performances, et plus encore.
Abandons et suppressions dans Chrome 65
Un récapitulatif des abandons et des suppressions dans Chrome 65 pour vous aider à vous organiser. Dans cette version, un rappel concernant les certificats Symantec et les téléchargements multi-origines sont bloqués, et document.all est désormais en lecture seule.
création de boîte de travail
Module pouvant générer un service worker, injecter un fichier manifeste de mise en cache préalable dans du code existant ou créer un fichier manifeste de mise en cache préalable.
Effectuer une migration depuis sw-precache ou sw-Toolbox
Guide sur la migration de sw-precache ou sw-dialog vers Workbox.
Rapport d'expérience utilisateur Chrome – Nouvelle dimension "Pays"
Une nouvelle dimension "Pays" sera disponible dans le rapport d'expérience utilisateur Chrome.
Nouveautés de Chrome 64
Chrome 64 est compatible avec ResizeObservers, qui vous avertit lorsque la taille du rectangle de contenu d'un élément a changé. Les modules peuvent désormais accéder à des métadonnées spécifiques à l'hébergement avec import.metadata. Le bloqueur de pop-up devient performant et bien plus encore. Intéressons-nous de plus près aux nouveautés de Chrome 64 pour les développeurs !
API CSS Paint
L'API CSS Paint de Houdini vous permet de dessiner des images CSS de manière programmatique.
Nouveautés des outils de développement (Chrome 65)
Remplacements locaux, outils d'accessibilité, audits SEO et de performances, etc.
Chrome sans interface graphique: une réponse aux sites JavaScript avec rendu côté serveur
Headless Chrome est une solution prête à l'emploi pour transformer les sites JavaScript dynamiques en pages HTML statiques.
Nouveautés des outils de développement (Chrome 64)
l'analyseur de performances, la barre latérale de la console et les regroupements de la console.
Désactiver la suppression du bruit matériel
Désactivation à des fins expérimentales de la suppression du bruit du matériel dans Chrome 64.
plug-in webpack boîte de travail
Générez un service worker ou injectez un fichier manifeste de pré-mise en cache à l'aide de l'outil de compilation webpack.
Abandons et suppressions dans Chrome 64
Un récapitulatif des abandons et des suppressions dans Chrome 64 pour vous aider à vous organiser. Dans cette version, modifications apportées à l'API Performance, suppression de la prise en charge de plusieurs racines fantômes et suppression d'une API WebKit.
Installation d'extensions sous Linux
Empaqueter, héberger et mettre à jour des fichiers crx à partir d'un serveur personnel
Le Worklet audio est désormais disponible par défaut
Chrome 64 intègre une nouvelle fonctionnalité très attendue dans l'API Web Audio : le Worklet audio
Rapport d'expérience utilisateur Chrome (plus d'un million d'origines principales)
Aujourd'hui, nous vous annonçons le lancement d'un nouveau rapport d'expérience utilisateur Chrome, qui couvre plus d'un million de sites Web populaires.
Auto-hébergement pour Linux
Empaqueter, héberger et mettre à jour des fichiers crx à partir d'un serveur personnel pour les utilisateurs Linux
Chrome 64 abandonne l'API chrome.loadTimes()
L'API non standard chrome.loadTimes() sera abandonnée dans Chrome 64, car il existe des équivalents basés sur les normes pour toutes ses fonctionnalités utiles.
Mises à jour de Lighthouse 2.6
De nouveaux audits de performances, une refonte du score d'accessibilité, des améliorations de l'expérience utilisateur sous forme de rapports et des corrections de bugs.
Mises à jour multimédias dans Chrome 63/64
Profitez de la lecture prévisible des contenus multimédias, de la technologie HDR sous Windows 10, de la lecture hors connexion avec les licences persistantes et bien plus encore dans Chrome 64.
API Device Memory
L'API Device Memory permet aux développeurs de proposer différentes ressources aux utilisateurs en fonction des capacités de la mémoire de leur appareil.
Nouveautés de Chrome 63
Chrome 63 vous permet d'importer des modules JavaScript de manière dynamique. Ma question préférée sur le codage des entretiens devient un jeu d'enfant avec des itérateurs et des générateurs asynchrones. Vous pouvez également remplacer le comportement de défilement par dépassement par défaut du navigateur par la propriété CSS overscroll-behavior.
mise à jour-diffusion-boîte-de-travail
Envoyer des messages aux pages lorsqu'un cache est mis à jour avec une nouvelle réponse.
Nouveautés des outils de développement (Chrome 63)
Débogage à distance multicompte, notifications push avec données personnalisées et Workspace 2.0.
synchronisation en arrière-plan de la boîte de travail
Utilisez la synchronisation en arrière-plan pour envoyer une requête réseau de manière fiable, même si l'utilisateur est hors connexion.
coeur de la boîte de travail
Modifier les niveaux de journalisation et les noms de cache. Contient du code partagé utilisé par toutes les bibliothèques Workbox.
réponse-boîte-de-travail-mise-en-cache
Limitez les requêtes mises en cache en fonction du code d'état ou des en-têtes d'une réponse.
routage de la boîte de travail
Achemine les requêtes de votre service worker vers des stratégies de mise en cache ou des fonctions de rappel spécifiques.
zone-de-travail-google-analytics
Prise en charge de la relecture des interactions Google Analytics hors connexion.
Stratégies de boîte de travail
Ensemble de stratégies de mise en cache de l'environnement d'exécution qui gèrent les réponses à une requête, généralement utilisé avec "workbox-redirect".
workbox-cli
Générez un service worker, injectez un fichier manifeste en pré-mise en cache ou créez une copie locale des bibliothèques Workbox à partir de la ligne de commande.
requêtes-plage-boîte-de-travail
Ce module permet de répondre à une requête "Range:" à l'aide d'un segment de données précédemment mises en cache.
zone de travail-prémise en cache
Effectuez facilement la mise en cache préalable d'un ensemble de fichiers et gérez efficacement les mises à jour de fichiers.
expiration de la zone de travail
Suppression des requêtes mises en cache en fonction du nombre d'éléments en cache ou de l'ancienneté de la requête mise en cache.
Prenez le contrôle de votre défilement en personnalisant les effets d'actualisation et de dépassement.
Présentation de la propriété CSS overscroll-behavior.
Dépassement du quota de mise en mémoire tampon
Il existe plusieurs façons de résoudre l'erreur QuotaExceededError.
Abandons et suppressions dans Chrome 63
Un récapitulatif des abandons et des suppressions dans Chrome 63 pour vous aider à vous organiser. Dans cette version, nouveau comportement sur les propriétés de l'interface, suppression d'une fonction Webkit et modification de RTCRtcpMuxPolicy.
Nouveautés de Chrome 62
Chrome 62 améliore l'API d'informations réseau grâce à des indicateurs de qualité réseau. Les polices OpenType Variable sont désormais compatibles. Vous pouvez désormais capturer et traiter des flux multimédias à partir de HTMLMediaElements avec l'API Media Capture from DOM éléments.
Informations sur Lighthouse 2.5
Cinq nouveaux audits, le module Node autonome du lanceur d'applications Chrome et un nouveau guide sur la limitation.
Récupération abortable
Abandon des récupérations à l'aide d'une nouvelle primitive Web : le contrôleur d'annulation.
Un événement pour la position CSS position:sticky
Utilisation conjointe de position-sticky et IntersectionObserver pour déterminer à quel moment les éléments deviennent collants. Appliquez des effets de défilement sans événements de défilement.
Capteurs pour le Web
Les capteurs sont utilisés dans de nombreuses applications pour activer des fonctionnalités avancées, comme les jeux qui tiennent compte de l'orientation ou de l'accélération de l'appareil sur lequel ils s'exécutent. L'API Generic Sensor fournit une interface générique pour accéder à ces données de capteur sur le Web.
Abandons et suppressions dans Chrome 62
Un récapitulatif des abandons et des suppressions dans Chrome 62 pour vous aider à vous organiser. Dans cette version, des améliorations de la sécurité, d'autres abandons de Webkit et plus encore.
Explorer un cache amélioré pour Chrome
bfcache crée un cache permettant de naviguer instantanément vers des pages déjà consultées.
Règle de lecture automatique dans Chrome
Découvrez les bonnes pratiques pour une expérience utilisateur de qualité avec les nouvelles règles de lecture automatique dans Chrome.
Picture-in-picture (PIP)
Parlons d'une API Web qui permettrait aux sites Web de créer une fenêtre vidéo flottante sur le bureau.
Mises à jour multimédias dans Chrome 62
La lecture hors connexion avec licences persistantes et Widevine L1 sur Android, l'optimisation de la piste vidéo, le plein écran automatique lors de la rotation de l'appareil, la plage de recherche personnalisable pour les flux MS en direct, FLAC au format MP4 avec MSE sont disponibles !
Nouveautés de Chrome 61
Chrome 61 prend désormais en charge les modules JavaScript de manière native, ce qui unifie la façon dont le JavaScript modulaire peut être écrit. Vous pouvez désormais utiliser le composant Navigation Share pour ouvrir la boîte de dialogue de partage Android native. L'API WebUSB, désormais disponible, permet aux applications Web d'accéder aux appareils USB autorisés par les utilisateurs. Et ce n'est pas tout !
Présentation de visualViewport
L'API de fenêtre d'affichage visuelle vous indique la façon dont l'utilisateur zoome et fait défiler la page.
Nouveautés des outils de développement (Chrome 62)
Opérateurs "await" de premier niveau dans la console, nouveaux workflows de capture d'écran, mise en surbrillance de la grille CSS, etc.
Abandons et suppressions dans Chrome 61
Un récapitulatif des abandons et des suppressions dans Chrome 61 pour vous aider à vous organiser. Dans cette version, des améliorations de la sécurité, d'autres abandons de Webkit et plus encore.
Estimer l'espace de stockage disponible
navigator.storage.estimate() vous donne un aperçu des contraintes de stockage de votre application Web.
Mises à jour audio/vidéo dans Chrome 61
Un tour d'horizon des mises à jour audio et vidéo de Chrome 61.
Mises à jour multimédias dans Chrome 61
Les optimisations de la piste vidéo en arrière-plan et le plein écran automatique lorsque vous faites pivoter l'appareil sont disponibles.
Nouveautés de Chrome 60
Avec Chrome 60, vous pouvez désormais mesurer le délai avant le premier coloris et le temps avant la fin du contenu avec l'API Paint Timings. Vous pouvez contrôler le rendu des polices à l'aide de la propriété CSS font-display. WebAssembly est disponible, et ce n'est pas tout !
Fonctionnalités à venir pour les expressions régulières
Présentation des nouvelles fonctionnalités des expressions régulières JavaScript, y compris les captures nommées, l'indicateur dotAll, les échappements de propriété Unicode et les assertions lookbehind.
Nouveautés des outils de développement (Chrome 61)
Nouvelles fonctionnalités et modifications apportées aux outils de développement dans Chrome 61.
Blog surboosté de diffusion en direct – Fractionnement du code
Nous avons implémenté la division du code et la fragmentation basée sur le routage, tout comme WebPack.
Événements d'entrée alignés
Il est important d'offrir une expérience utilisateur fluide sur le Web. Dans les dernières versions de Chrome, nous avons réduit la latence d'entrée sur ces appareils.
DOMException : la requête play() a été interrompue.
Que se passe-t-il réellement avec l'exception "DOMException : la requête play() a été interrompue" ?
Dernières mises à jour de l'API de gestion des identifiants
Dernières mises à jour de l'API de gestion des identifiants
Abandons et suppressions dans Chrome 60
Un récapitulatif des abandons et des suppressions dans Chrome 60 pour vous aider à vous organiser. Dans cette version, des améliorations de la sécurité, d'autres abandons de Webkit et plus encore.
Présentation de l'API Budget
L'API Budget permet aux développeurs d'effectuer des actions en arrière-plan sans avertir les utilisateurs, ce qui permet de les utiliser dans des cas d'utilisation tels que le transfert silencieux.
Nouveautés de Chrome 59
Avec Chrome 59, vous pouvez exécuter Chrome dans un environnement automatisé sans interface utilisateur ni périphériques. Sous macOS, les notifications sont affichées directement par le système de notification natif de macOS. Vous pouvez désormais prendre des photos en haute résolution avec l'API de capture d'image, et ce n'est pas tout !
Nouveautés des outils de développement (Chrome 60)
Nouvelles fonctionnalités et modifications apportées aux outils de développement dans Chrome 60.
Abandons et suppressions dans Chrome 59
Un récapitulatif des abandons et des suppressions dans Chrome 59 pour vous aider à vous organiser.
Passer au système de notification natif sur macOS
À partir de Chrome 59, les notifications s'afficheront sous macOS.
Nouveautés de Chrome 58
Avec Chrome 58, les progressive web apps sont plus immersives grâce à l'affichage en plein écran. IndexedDB 2.0 est désormais compatible, et les iFrames en bac à sable bénéficient d'un plus grand nombre d'options. Pete LePage fournit toutes les informations et explique comment utiliser ces nouvelles fonctionnalités pour les développeurs dans Chrome 58.
Nouveautés des outils de développement (Chrome 59)
Nouvelles fonctionnalités et modifications apportées aux outils de développement dans Chrome 59.
Règles Chromium concernant les boîtes de dialogue JavaScript
Les boîtes de dialogue JavaScript synchrones et modales d'application sont généralement (et malheureusement) utilisées pour nuire aux utilisateurs. C'est pourquoi l'équipe Chromium vous recommande vivement de ne pas utiliser de boîtes de dialogue JavaScript.
Créer des animations d'expansion et de réduction performantes
Lorsque vous créez des effets d'expansion et de réduction, vous pouvez utiliser des transformations de scaling pour maintenir les performances de votre interface utilisateur.
CSS Deep-Dive : matrix3d() pour une barre de défilement personnalisée parfaite à l'image
Les matrices de transformation personnalisées vous permettent de créer des barres de défilement personnalisées parfaites à l'image.
Mises à jour multimédias dans Chrome 58
La personnalisation des commandes multimédias, la lecture automatique des progressive web apps ajoutées à l'écran d'accueil, la mise en pause de la lecture automatique de la vidéo sans le son lorsqu'elle est invisible et des requêtes multimédias avec gamme de couleurs sont disponibles !
Nous allons traverser les flux (médias), Ray
Aujourd'hui, lorsque vous utilisez Media Source Extensions (MSE) dans Chrome, il n'est pas possible de basculer entre un flux chiffré et un flux clair. À partir de Chrome 58, tout cela va changer.
Mises à jour audio et vidéo dans Chrome 58
Un tour d'horizon des mises à jour audio et vidéo de Chrome 58.
Abandons et suppressions dans Chrome 58
Arrondissement des abandons et des suppressions dans Chrome 58 pour vous aider à vous organiser.
Nouveautés de Chrome 57
Avec Chrome 57, vous pouvez désormais utiliser l'affichage: grille pour les mises en page sous forme de grille, utiliser l'API de session multimédia pour personnaliser l'écran de verrouillage et les notifications avec des informations sur le contenu multimédia en cours de lecture, et plus encore. Pete LePage présente toutes les informations nécessaires et explique comment utiliser ces nouvelles fonctionnalités pour les développeurs dans Chrome 57 !
Nouveautés des outils de développement (Chrome 58)
Nouvelles fonctionnalités et modifications apportées aux outils de développement dans Chrome 58.
Personnaliser les notifications multimédias et gérer les playlists
Personnalisez les notifications multimédias Web et répondez aux événements multimédias avec la nouvelle API Media Session.
Fichier manifeste – gestionnaires d'actions
Documentation de référence sur la propriété action_handlers de manifest.json.
Abandon et suppression d'API dans Chrome 57
Arrondissement des abandons et des suppressions dans Chrome 57 pour vous aider à vous organiser.
Modifications apportées à l'API de demande de paiement
Dans les versions 56 et 57 de Chrome, quelques modifications ont été apportées à l'API Payment Request suite aux changements de spécifications. Découvrez-les et apportez des modifications à vos propres implémentations.
Grille CSS : la mise en page Table est de retour. Soyez présent et soyez carré
La grille CSS est un nouveau système de mise en page pour le Web.
Nouveautés de Chrome 56
Avec Chrome 56, les applications Web peuvent désormais communiquer avec les appareils Bluetooth à basse consommation situés à proximité à l'aide de l'API Web Bluetooth. Position CSS : sticky; is back (Position CSS : persistante, est de retour) : permet de créer facilement des éléments qui défilent normalement jusqu'à ce qu'ils restent en haut de la fenêtre d'affichage. Par ailleurs, le format HTML5 est activé par défaut pour tous les utilisateurs.
Vitesse par défaut du défilement tactile
La réactivité au défilement est essentielle à l'engagement de l'utilisateur avec un site Web sur mobile, mais les écouteurs d'événements tactiles posent souvent de sérieux problèmes de performances de défilement. Découvrez comment nous aidons les utilisateurs et les développeurs à être rapides par défaut.
Documentation de référence sur le débogage JavaScript
Découvrez de nouveaux workflows de débogage dans cette documentation de référence complète sur les fonctionnalités de débogage des outils pour les développeurs Chrome.
Améliorer le Web avec Lighthouse
Nouveautés de Lighthouse. Nouvelle conception, nouveaux audits des bonnes pratiques et visionneuse de rapports en ligne.
Redimensionnement de la barre d'URL
Si vous masquez la barre d'adresse, les pages mobiles ne seront plus redimensionnées.
Outils pour les développeurs Chrome: Profilage de processeur JavaScript dans Chrome 58
Le profil de processeur JavaScript d'enregistrement a été modifié dans Chrome 58.
Outils pour les développeurs Chrome – Profilage de processeur JavaScript dans Chrome 58
L'option "Enregistrer le profil de processeur JavaScript" a été modifiée dans Chrome 58.
Abandon et suppression d'API dans Chrome 56
Un récapitulatif des abandons et des suppressions dans Chrome 56 pour vous aider à vous organiser.
Prendre des photos et contrôler les paramètres de l'appareil photo
L'API Image Capture permet de contrôler les paramètres de l'appareil photo et de prendre des photos.
Parallaxe performant
Avec un peu de manipulation mathématique, il est possible d'obtenir des effets de parallaxe qui s'adaptent bien aux architectures de navigateur.
Nouveautés de Chrome 55
Avec Chrome 55, vous pouvez écrire du code basé sur des promesses comme s'il était synchrone, en utilisant les protocoles asynchrones et await. PointerEvents permet de gérer de manière unifiée tous les événements d'entrée. De plus, le stockage persistant est intégré à partir de la phase d'évaluation.
Préparez-vous pour le Chrome Dev Summit 2016
Le Chrome Dev Summit 2016 aura lieu les jeudis 10 et 11 novembre.
Éviter l'avertissement "Non sécurisé" dans Chrome
Chrome signalera bientôt les pages non sécurisées contenant des champs de saisie de mot de passe et de carte de crédit comme "Non sécurisé" dans la barre d'adresse.
Récapitulatif des outils de développement, octobre 2016
Nouvelles fonctionnalités dans la console, mises à jour concernant le bug du sélecteur de contexte et nouveau user-agent UC Browser.
Gérer les traits d'union avec le CSS
Chrome 55 implémente la propriété des traits d'union pour contrôler l'affichage des traits d'union doux et leur comportement.
Montrer la voie à suivre
Les événements de pointeur unifient le modèle d'entrée du pointeur pour le navigateur, réunissant ainsi les éléments tactiles, les stylos et les souris en un seul ensemble d'événements.
Options des actions tactiles
Les actions tactiles permettent aux développeurs de définir la façon dont un utilisateur peut interagir avec un élément. Chrome 55 offre désormais une prise en charge plus large des options d'action tactile.
Une fois sur un écouteur d'événements
Il est désormais compatible avec une option "Une fois", ce qui permet de définir plus facilement des événements qui s'effacent après eux-mêmes.
Capturer un MediaStream à partir d'un élément canevas, vidéo ou audio
La méthode captureStream() permet de capturer un élément MediaStream à partir d'un élément canevas, audio ou vidéo, sur Android et sur ordinateur.
Abandon et suppression d'API dans Chrome 55
Un récapitulatif des abandons et des suppressions dans Chrome 56 pour vous aider à vous organiser.
auxclick sera bientôt disponible sur Chrome 55
Un nouvel événement "auxclick" est déclenché pour les clics sur des boutons de souris non principaux.
Nouveautés de Chrome 54
Avec Chrome 54, vous pouvez désormais créer votre propre balise HTML personnalisée et concevoir des composants Web réutilisables avec Custom Elements v1. Avec l'API BroadcastChannel, vous pouvez plus facilement envoyer des messages entre des fenêtres ou des onglets ouverts sur la même origine. L'expérience multimédia s'améliore sur Android, et la récupération en externe est désormais disponible en phase d'évaluation.
Mises à jour apportées à la page Developers.google.com/web
Nouveaux principes de base du Web : meilleure navigation, nouveau contenu et plus encore !
Présentation de Lighthouse
Découvrez comment configurer Lighthouse pour auditer vos applications Web.
Recréer la trame de calques composites lors d'un changement d'échelle
will-change : la transformation "transform" signifie qu'il faut l'animer rapidement.
Nœuds de calcul de service multi-origines – Tester la récupération de données à l'étranger
Les services tiers peuvent commencer à déployer leurs propres gestionnaires de requêtes réseau.
CacheQueryOptions arrive dans Chrome 54
L'ensemble complet des CacheQueryOptions est pris en charge, ce qui facilite la recherche des réponses mises en cache.
Récapitulatif sur les outils de développement, septembre 2016 – Perf Roundup
Amélioration des outils de développement dans les outils de développement au cours des dernières versions de Chrome.
Options d'un abonnement PushSubscription
Vous pouvez désormais accéder aux options utilisées lors de l'abonnement d'un utilisateur aux notifications push.
API BroadcastChannel – Bus de messages pour le Web
L'API BroadcastChannel peut être utilisée pour Pub/Sub simple entre des fenêtres, des onglets, des cadres iFrame ou des nœuds de calcul.
Intervenir contre document.write()
Chrome bloque certains scripts ajoutés à l'aide de document.write()
L'API Web Animations franchit une étape multinavigateur
Firefox 48 rejoint Chrome pour livrer une implémentation native de l'API Web Animations.
Abandon et suppression d'API dans Chrome 53
Un récapitulatif des abandons et des suppressions dans Chrome pour vous aider à vous organiser.
Récapitulatif sur les outils de développement, août 2016
Que sont devenus le panneau "Ressources", les nouvelles fonctionnalités et l'activité de la communauté.
L'interopérabilité Web push l'emporte
Le push Web a fait l'objet de quelques mises à jour dans les versions récentes de Chrome. GCM est désormais compatible avec le protocole Web push. Si vous utilisez VAPID, vous n'aurez pas besoin de vous inscrire à un projet Google Developers et vous recevrez un point de terminaison FCM.
Lecture automatique sans le son sur mobile – Dites adieu aux fonctionnalités de Canvas et de GIF animés !
La lecture automatique avec le son coupé pour les vidéos est disponible sur Android à partir de Chrome 53. Auparavant, la lecture d'un élément vidéo nécessitait un geste pour lancer la lecture.
Déboguer les progressive web apps
Le panneau "Application" vous permet d'inspecter, de modifier et de déboguer les fichiers manifestes des applications Web, les service workers et les caches des service workers.
Google Analytics hors connexion en toute simplicité
La bibliothèque sw-offline-google-analytics vous offre tout ce dont vous avez besoin.
Complexité d'un conteneur de défilement infini
Les défilements infinis sont un modèle d'interface utilisateur courant. Nous explorons ici comment implémenter ce modèle en conservant la mémoire à 60 FPS.
Fin des sessions de courte durée : proposition visant à faire appel aux service workers pour améliorer la gestion des cookies sur le Web
Présentation d'une démonstration de faisabilité pour la persistance des sessions à l'aide du service Worker
Mise en cache du service worker, PlaybackRate et des URL Blob pour l'audio et la vidéo sur Chrome pour Android
À partir de la version 52, Android Chrome utilise la même pile multimédia que Chrome pour ordinateur, au lieu de s'appuyer sur l'implémentation de la plate-forme sous-jacente. Cela permet la mise en cache multimédia des service workers, les vitesses de lecture variables, les URL blob sur Android, le transfert de MediaStream entre les API et un débogage multiplate-forme simplifié.
ECDSA pour WebRTC : meilleure sécurité, confidentialité et performances améliorées
À partir de la version 52, Chrome utilise ECDSA par défaut, un algorithme beaucoup plus efficace et sécurisé pour générer des clés de certificat WebRTC. De plus, les RTCCertificates peuvent désormais être stockés avec IndexedDB.
Nouveau comportement de Flexbox pour les enfants en position absolue
Nouveau comportement de Flexbox pour les enfants en position absolue
Abandon et suppression d'API dans Chrome 52
Un récapitulatif des abandons et des suppressions dans Chrome pour vous aider à vous organiser.
Confinement CSS dans Chrome 52
La nouvelle propriété de conteneur CSS permet aux développeurs de limiter la portée des tâches de style, de mise en page et de peinture dans le navigateur.
Observateur de performances : accès efficace aux données sur les performances
Nouveauté de Chrome 52 : l'interface Performance Observer offre un accès plus efficace, basé sur des événements, aux données de la chronologie des performances.
Condensé sur les outils de développement, septembre 2016 – Les outils de développement en 2016 et au-delà
Tendances et thèmes importants pour les outils de développement en 2016 et au-delà
Améliorer les performances de défilement avec des écouteurs d'événements passifs
Depuis Chrome 51, les écouteurs d'événements passifs améliorent considérablement les performances de défilement.
Des réponses immédiates en streaming
Commencez à traiter les réponses de vos service workers dès que possible, grâce à ReadableStreams.
Condensé des outils de développement - Plus de puissance avec le nouveau menu de commandes
Découvrez le nouveau menu de commandes des outils de développement et ses plus de 60 actions qui accélèrent les workflows.
L'API Geolocation a été supprimée des origines non sécurisées dans Chrome 50
À partir de la version 50, Chrome n'accepte plus l'API HTML5 Geolocation sur les connexions non sécurisées.
Abandon et suppression d'API dans Chrome 51
Un récapitulatif des abandons et des suppressions dans Chrome pour vous aider à vous organiser.
Simplifier le flux de connexion à l'aide de l'API de gestion des identifiants
Pour offrir une expérience utilisateur sophistiquée, il est important d'aider les utilisateurs à s'authentifier sur votre site Web. Cependant, la création, la mémorisation et la saisie des mots de passe peuvent se révéler fastidieuses pour les utilisateurs finaux, en particulier sur les appareils mobiles.
Quelles sont les nouveautés de KeyboardEvents ? Des clés et des codes !
Deux nouveaux attributs permettent une gestion cohérente des événements de clavier sur le Web.
Date et heure du test : ancrage du défilement
L'ancrage du défilement empêche le déplacement d'une page Web une fois que vous avez commencé à lire son contenu.
Accéder aux périphériques USB sur le Web
L'API WebUSB rend l'utilisation du périphérique USB plus sûre et plus facile à utiliser sur le Web.
Aperçu
Faites vos premiers pas avec les outils intégrés pour les développeurs Web dans Google Chrome.
Documentation de référence de l'API de la console
Écrire des messages dans la console à l'aide de l'API Console
Un nouveau mode Appareil pour la première génération de mobiles
Découvrez tout ce qu'il y a à savoir sur les outils pour les développeurs Chrome, le nouveau mode Appareil introduit dans Chrome 49.
Créer un appareil IoT Web avec Intel Edison
Aujourd'hui, l'Internet des objets est sur toutes les lèvres, mais que se passerait-il si vous pouviez créer un appareil IoT auquel vous accédez depuis votre navigateur Web ? Dans cet article, nous allons voir comment faire exactement cela en utilisant Physical Web, Web Bluetooth ainsi que Node.js, avec une console de développement Intel® Edison Arduino.
Améliorations des animations Web dans Chrome 50
Meilleure conformité avec les spécifications et nouvelles fonctionnalités à venir dans Chrome 50.
Méthodes FormData pour l'inspection et la modification
Dans Chrome 50, vous pouvez désormais interagir avec vos instances FormData avant de les envoyer sur leur parcours.
Modification de l'orientation des appareils dans Chrome 50
DeviceOrientationEvent utilise des degrés relatifs, et il en existe un nouveau DeviceOrientationAbsoluteEvent.
Gérez vos priorités en toute sérénité
La fonctionnalité de 'point de départ de la navigation séquentielle à partir du curseur définit à quel endroit nous commençons à rechercher des éléments sélectionnables pour la navigation séquentielle séquentielle ([Tab] ou [Maj-Tab]) en l'absence de zone active. Elle est particulièrement utile pour les fonctionnalités d'accessibilité telles que les liens permettant d'ignorer un élément et la gestion du curseur dans le document.
API Media Source : lecture automatique et fluide des segments multimédias dans l'ordre d'ajout
L'API Media Source permet à JavaScript de créer des flux multimédias pour la lecture. À partir de Chrome 50, il est possible d'utiliser le mode Séquence SourceBuffer pour s'assurer que les segments multimédias sont automatiquement déplacés dans la timeline dans l'ordre dans lequel ils ont été ajoutés, sans qu'il y ait d'intervalle entre eux.
Chrome est compatible avec createImageBitmap() dans Chrome 50
Prise en charge du décodage des images chez les workers qui arrivent dans Chrome 50.
Validation DOMTokenList ajoutée dans Chrome 50
Vérifiez la compatibilité de différentes fonctionnalités directement dans le code, à venir dans Chrome 50.
Abandon et suppression d'API dans Chrome 50
Un récapitulatif des abandons et suppressions d'API dans Chrome pour vous aider à planifier.
Prise en charge de Canvas toBlob() dans Chrome 50.
Prise en charge de Canvas.toBlob défini pour arriver dans Chrome 50.
Donner la priorité à vos ressources avec le lien relà l'attention des utilisateurs
Chrome 50 prend en charge le paramètre relga2039;preload<ph type="x-smartling-void-element"><br></ph>et abandonne relProperty#39;subresource'.
Chiffrement de la charge utile Web Push
Web Push est désormais compatible avec les charges utiles. Découvrez comment tirer parti de cette nouvelle fonctionnalité performante.
Améliorations apportées aux notifications Web dans Chrome 50 : icônes, fermeture des événements, reformulation des préférences et horodatages
Voici un récapitulatif des nombreuses nouvelles fonctionnalités de Chrome 50 pour les notifications.
HTMLMediaElement.play() renvoie une promesse
Dites adieu aux incertitudes de lecture automatique ! play() renvoie désormais une promesse.
Le débogage à distance surchargé, les jeux de société et notre propre émission de fin de soirée ?
Apprenez-en plus sur la nouvelle interface utilisateur "Inspecter les appareils", changez de classe facilement dans le panneau de style désormais fixe et regardez le pilote des outils de développement Tonight.
Surveiller les variables dans les sources
Les outils pour les développeurs Chrome vous permettent de visualiser facilement plusieurs variables dans votre application.
Les outils de développement deviennent sombres, la modification d'images clés et la saisie semi-automatique plus intelligente
Découvrez comment les outils de développement vous aident à diminuer la saisie grâce à la saisie semi-automatique plus intelligente de la console, comment modifier les règles @keyframe directement dans le volet "Styles", comment vous amuser avec les variables personnalisées CSS et comment associer le côté obscur.
Mises à jour audio sur le Web dans Chrome 49
Un tour d'horizon de certaines des dernières éditions de l'API Web Audio dans Chrome.
Présentation des proxys ES2015
Les proxys ES2015 (dans Chrome 49 et versions ultérieures) fournissent JavaScript avec une API d'intercession, ce qui nous permet de piéger ou d'intercepter toutes les opérations sur un objet cible et de modifier le fonctionnement de cette cible.
Défilement fluide dans Chrome 49
Vous en avez assez des défilements instables ? Super, car Chrome 49 propose un nouveau défilement fluide dès la première utilisation.
Variables CSS – Pourquoi est-il important de s'y intéresser ?
Les variables CSS, plus précisément appelées "propriétés CSS personnalisées", arrivent dans Chrome 49. Ils peuvent être utiles pour réduire les répétitions dans CSS, mais aussi pour créer de puissants effets d'exécution, comme le changement de thème et potentiellement l'extension/le polyfillage des futures fonctionnalités CSS.
Contrôler les performances de police avec font-display
Le nouveau descripteur d'affichage de la police pour @font-face permet aux développeurs de décider du rendu (ou de la création de remplacement) de leurs polices Web, en fonction du temps de chargement.
VP9 est désormais disponible dans WebRTC
À partir de Chrome 48 sur ordinateur et sur Android, VP9 sera un codec vidéo facultatif pour les appels vidéo via WebRTC.
Enregistrer des fichiers audio et vidéo avec MediaRecorder
L'API MediaRecorder vous permet d'enregistrer des contenus audio et vidéo à partir d'une application Web. Elle est d'ores et déjà disponible dans Firefox et dans Chrome pour Android et sur ordinateur.
Actions de notification dans Chrome 48
Les utilisateurs peuvent interagir avec votre site sans ouvrir la page en utilisant les boutons d'action de notification
Horodatages haute résolution des événements
Détectez avec une précision de l'ordre de la microseconde quand les événements se produisent, grâce à DOMHighResTimeStamp.
Manipulation des URL simplifiée avec URLSearchParams
TURLSearchParams : accès et manipulation simples de la chaîne de requête de l'URL
Google Cast pour Chrome sur Android
Chrome sur Android permet désormais aux sites mobiles d'afficher des présentations sur des appareils Google Cast à l'aide de l'API Slides et du SDK Web Cast.
Premiers pas avec les Progressive Web Apps
Découvrez comment commencer à créer des Progressive Web Apps.
Lancement du panneau "Sécurité" dans les outils pour les développeurs Chrome
Découvrez le nouveau panneau de sécurité dans les outils pour les développeurs Chrome.
Présentation de la synchronisation en arrière-plan
La synchronisation en arrière-plan est une nouvelle API Web qui vous permet de différer les actions jusqu'à ce que l'utilisateur dispose d'une connectivité stable. Cela permet de s'assurer que tout ce que l'utilisateur souhaite envoyer est effectivement envoyé.
Digest des outils de développement (édition CDS): Aperçu de l'avenir et profilage RAIL
Découvrez comment les outils de développement privilégient les mobiles grâce à un nouveau mode Appareil simplifié, toujours activé. Utilisez les boutons de couleur pour ajouter rapidement des couleurs à vos sélecteurs et découvrez ce qui sera bientôt disponible dans les outils de développement.
Applications Web à chargement instantané avec une architecture de shell d'application
L'architecture du shell d'application est aujourd'hui une méthode qui permet de créer des progressive web apps, en tirant parti d'un éventail de technologies.
Condensé des outils de développement : modifications efficaces des éléments, débogage des service workers et nuances Material Design
Utilisez le nouveau menu contextuel du panneau DOM pour modifier efficacement les nœuds. Déboguez les services workers directement via le panneau "Resources" (Ressources). Faites votre choix parmi toutes les nuances Material Design dans le sélecteur de couleurs. Accédez plus facilement aux bibliothèques JS Blackbox.
Gérer le déclenchement de la fonctionnalité Appuyer pour rechercher
Comprendre quand et comment la fonctionnalité Appuyer pour rechercher est déclenchée
Interaction requise pour les notifications – Expérience utilisateur plus fluide des notifications sur ordinateur
Les notifications sur ordinateur sont automatiquement ignorées après un court délai.
Fonctionnalités du périphérique d'entrée
Une méthode plus simple pour rationaliser la logique de la souris et du toucher en l'absence d'événement PointerEvents
Condensé des outils de développement : réorganisation des onglets, console sur 2 et écouteurs d'événements de framework
Réorganisez les onglets des outils de développement en fonction de vos besoins et voyez exactement à quel endroit les événements du framework ont été liés.
Sélectionnez des caméras, des micros et des haut-parleurs depuis votre application Web
L'interface MediaDevices permet d'accéder aux périphériques d'entrée et de sortie disponibles dans le navigateur, y compris les appareils photo, les micros et les haut-parleurs.
Exécuter des extraits de code JavaScript
Les extraits sont de petits scripts que vous pouvez créer et exécuter dans le panneau "Sources" des outils pour les développeurs Chrome. Vous pouvez y accéder et les exécuter à partir de n'importe quelle page. Lorsque vous exécutez un extrait, il s'exécute à partir du contexte de la page actuellement ouverte.
Extension de l'enregistreur EME
EME Logger est une extension Chrome qui consigne les événements et les appels Encrypted Media Extensions (EME) dans la console DevTools.
Mises à jour de l'API Service Worker Cache
Chrome 46 a introduit de nouvelles méthodes pour les caches, tout comme Chrome 47 et probablement le 48. Ça ne s'arrête jamais.
API History – Restauration du défilement
Mise à jour de l'API History pour éviter les sauts de défilement disgracieux.
Suppression d'onglets dans Chrome : une expérience qui permet de préserver la mémoire
Réduire l'encombrement de la mémoire de Chrome est l'une des principales priorités de l'équipe cette année.
Déploiement de l'épinglage de clé publique avec les rapports HPKP
Chrome 46 inclut une fonctionnalité appelée "HPKP Reporting", qui peut vous aider à déployer une forme plus stricte de SSL sur votre site.
Utiliser le fichier manifeste de l'application Web pour spécifier une couleur de thème sur l'ensemble du site
Définissez une couleur de thème dans le fichier manifeste et diffusez-la sur toutes les pages de votre site lorsqu'il est lancé depuis l'écran d'accueil.
Le filtre du panneau "Réseau" plus grand que avancé et quelques autres
Saviez-vous que le filtre du panneau "Réseau" prend en charge quelques libellés de recherche personnalisés très utiles ?
Récapitulatif des outils de développement : détails de la chronologie agrégée, palettes de couleurs, etc.
Découvrez les scripts tiers qui génèrent des problèmes de performances avec les détails agrégés dans la chronologie, comment choisir des couleurs cohérentes avec la nouvelle palette de couleurs et bien plus encore.
Quelques raccourcis clavier simples à utiliser dans le volet "Styles"
Découvrez comment naviguer efficacement dans le volet "Styles" grâce à quelques astuces pour le clavier.
Nouvelle version de Material Design Lite : 1.0.4
Une nouvelle version de Material Design Lite est disponible, avec de nombreuses corrections de bugs et améliorations apportées au processus de compilation.
Utiliser des images poster sur le contenu du plug-in
Chrome peut désormais ajouter des images poster personnalisées aux éléments d'objet afin d'améliorer les performances de chargement perçues des plug-ins tels que Flash.
Utiliser requestIdleCallback
requestIdleCallback est une nouvelle API de performances permettant de planifier des tâches lorsque le navigateur est inactif.
Cinq astuces à utiliser dans le panneau de la console
Cinq astuces à utiliser dans le panneau de la console
Dupliquer facilement les nœuds DOM
Vous pouvez facilement modifier le DOM sans avoir à modifier le code HTML sous forme de chaîne géante.
Modifier le code HTML dans le panneau de la console
Le menu contextuel du nœud DOM, que vous reconnaîtrez peut-être à partir du panneau des éléments, est également présent dans le panneau de la console.
Nouvel emplacement pour les outils de développement
Nous avons emménagé dans notre toute nouvelle plate-forme, à l'adresse suivante : developers.google.com/web/tools/chrome-devtools, où vous trouverez de nouveaux tutoriels et conseils très utiles.
Modification en temps réel du code CSS dans les sources
Saviez-vous que vous pouvez modifier les CSS en temps réel dans la section "Sources" et faire en sorte que la page soit mise à jour en temps réel ?
DevTools Digest : pellicule et nouvel espace pour la limitation
Découvrez les nouvelles fonctionnalités de pellicule et bien plus dans cette première des nombreuses mises à jour du Digest des outils de développement.
Abandon de MediaStream
L'API MediaStream représente les flux synchronisés de contenus audio ou vidéo. Abandon de MediaStream.ended, MediaStream.label et MediaStream.stop(). Utilisez plutôt MediaStream.active, MediaStreamTrack.label et MediaStreamTrack.stop().
Communiquer avec des appareils Bluetooth via JavaScript
L'API Web Bluetooth permet aux sites Web de communiquer avec les appareils Bluetooth.
Ajouter un nouvel appareil personnalisé en tant que préréglage
Émulez-vous souvent des appareils d'une certaine dimension ? En mode Appareil des outils de développement, vous pouvez ajouter de nouveaux préréglages d'appareil.
Mesurer les performances dans un service worker
S'il vous est impossible de mesurer les performances de vos requêtes chez un service worker, comment pouvez-vous dire que cela améliore les performances ? Vous pouvez maintenant répondre à cette question à l'aide des dernières modifications apportées à Chrome.
Utiliser rotationAngle et touchRadius
Chrome 45 intègre quelques modifications mineures qui permettront aux développeurs de créer plus facilement de meilleures applications tactiles.
Notifications de lecture de contenus multimédias pour Chrome sur Android
Lorsqu'un contenu audio ou vidéo est en cours de lecture sur une page Web, une notification indiquant le titre de la page et un bouton de lecture/pause s'affiche dans la barre de notification et sur l'écran de verrouillage. La notification peut être utilisée pour mettre en pause/reprendre la lecture, ou pour revenir à la page de lecture du contenu multimédia.
Inspecter et déclencher des requêtes média CSS
Le mode Appareil intègre un outil d'inspection des requêtes multimédias qui facilite le responsive design.
Raccourci pour sélectionner l'occurrence suivante
Dans l'éditeur du panneau des sources, vous pouvez sélectionner l'occurrence suivante à l'aide de la touche Cmd + D.
Sélectionnez et exécutez un bloc de code dans le panneau des sources
Utilisez le raccourci Ctrl + Maj + E pour exécuter un bloc de code en surbrillance dans le panneau des sources.
Définir un point d'arrêt en fonction d'une certaine condition
Lorsque vous définissez un point d'arrêt, vous pouvez le rendre conditionnel en fonction du résultat d'une expression.
Parcourir rapidement les panneaux "Outils de développement"
Vous pouvez utiliser Cmd\#43;] (ou Cmd+[) pour faire défiler les panneaux dans les outils de développement.
Imprimer une trace rapide de la pile à partir de la console
Vous pouvez utiliser console.trace() pour obtenir une trace de la pile rapide et facile afin de mieux comprendre le flux d'exécution du code.
Qui inspecte l'inspecteur ?
Saviez-vous que vous pouvez inspecter vos outils de développement à l'aide des outils de développement ?
Déclencher une pseudo-classe sur un élément
Avez-vous déjà essayé de déboguer des effets de survol CSS sans toutefois maintenir la souris sur l'élément ? Voici comment procéder.
Recherche à l'échelle du projet avec champ d'application de fichier facultatif
Découvrez les commandes secrètes pour effectuer des recherches comme un pro dans les outils de développement.
Groupes de couleurs du réseau
Découvrez quelles couleurs correspondent à quel type de ressource afin d'identifier facilement les ressources.
Prévisualiser les valeurs JavaScript intégrées lors du débogage
Découvrez comment prévisualiser les valeurs des variables JavaScript dans les outils de développement lors du débogage.
Modifiez/affichez rapidement des ressources depuis le panneau "Elements"
Modifiez/affichez rapidement des ressources depuis le panneau "Elements"
Extensions de source multimédia pour l'audio
Media Source Extensions (MSE) offre une mise en mémoire tampon et un contrôle de lecture étendus pour les éléments audio et vidéo HTML5. Bien qu'il ait été développé à l'origine pour faciliter le streaming adaptatif dynamique sur les lecteurs vidéo HTTP (DASH), le MSE peut être utilisé pour l'audio, en particulier pour la lecture sans interruption.
Notification des modifications apportées aux notifications
Deux nouvelles API ont été ajoutées à Chrome 44 pour faciliter l'utilisation et la personnalisation des notifications via push.
Éditeur de lissage de vitesse
Sélectionnez une propriété CSS de lissage de vitesse pour afficher un aperçu animé de son comportement.
Clic commande pour ajouter plusieurs curseurs dans le panneau des sources
Découvrez comment utiliser la modification à plusieurs curseurs dans le panneau des sources des outils de développement.
Nœud DOM actuellement sélectionné
Découvrez le raccourci de la console rapide pour obtenir le nœud DOM actuellement sélectionné.
Alt+clic pour développer tous les nœuds enfants
Alt 43 – Cliquer pour développer tous les nœuds enfants
Requêtes réseau inachevées
Vous pouvez utiliser le filtre réseau avancé Is:running pour afficher les requêtes réseau inachevées (par exemple, les requêtes en cours d'exécution).
Copier l'image en tant qu'URI de données
Effectuez un clic droit sur l'aperçu d'une image dans le panneau "Ressources" pour la copier en tant qu'URI de données (avec un encodage en base 64).
Balises d'élément de modification rapide
Vous pouvez double-cliquer sur le nom de la balise d'ouverture d'un nœud dans le panneau "Elements" pour le modifier.
Utiliser le clavier pour parcourir la pile d'appels
Définir un point d'arrêt et naviguer dans la pile d'appel à l'aide de raccourcis clavier
Afficher dans le panneau des éléments
Affichez les nœuds DOM dans le panneau des éléments de la console.
Surveiller rapidement les événements depuis le panneau de la console
Vous pouvez consigner tous les événements envoyés à un objet à l'aide de la méthode de l'API de ligne de commande monitorEvents(object [, events]).
Afficher les sélecteurs correspondants
Lorsque vous affichez un sélecteur dans le volet "Styles", les parties des sélecteurs séparés par une virgule ont une couleur différente selon qu'elles correspondent ou non au nœud DOM sélectionné.
Certaines améliorations apportées à l'interface utilisateur et aux fonctionnalités du sélecteur de couleur
Le sélecteur de couleur des outils de développement va être amélioré. Actuellement disponible dans Chrome Canary
Obtenir et déboguer des écouteurs d'événements
Obtenez et déboguez des écouteurs d'événements dans les outils de développement à l'aide de ces commandes de console.
Suspendre automatiquement en cas d'exception
Dans les outils de développement, vous pouvez automatiquement suspendre la diffusion en cas d'exception (ce qui est particulièrement utile pour les exceptions non détectées).
Modifier rapidement les valeurs CSS
Modifiez rapidement les valeurs CSS avec le clavier ou la molette de la souris
Relancer une requête réseau dans cURL
Découvrez comment déboguer une requête réseau à partir de la ligne de commande.
Saisie semi-automatique pour la notation entre crochets
Saviez-vous qu'il est possible d'utiliser la saisie semi-automatique pour ajouter des crochets dans le panneau "Sources" ?
Afficher et modifier vos points d'arrêt DOM
Afficher et modifier vos points d'arrêt DOM à l'aide du volet "Breakpoints" (Points d'arrêt) dans les outils de développement
Faire défiler des éléments dans la fenêtre d'affichage
Si un élément que vous inspectez n'est plus visible, voici comment l'afficher dans la fenêtre d'affichage.
Pellicules dans le panneau "Network"
Naviguer visuellement dans le panneau "Réseau" et afficher les captures d'écran lors du chargement de la page
Déclenchement de pseudo-classes
Découvrez comment déclencher des pseudo-classes telles que :active pour déboguer correctement votre CSS.
Transfert de port
Le transfert de port des outils de développement permet même aux URL d'hôte local de fonctionner sur mobile.
Développer les propriétés de raccourci CSS
Dans le volet "Styles", vous pouvez développer les propriétés abrégées CSS, telles que "flex" ou "padding", et voir l'ensemble des propriétés définies pour vous.
Rechercher dans l'arborescence DOM par sélecteur CSS
Lorsque vous parcourez le DOM à l'aide du panneau "Elements", essayez de rechercher des nœuds via CMD/Ctrl+F à l'aide des sélecteurs CSS.
Recevez une notification en cas d'erreurs JS en cours de saisie
Si un message d'erreur s'affiche dans le panneau de la console, cliquez dessus pour afficher la ligne correspondante dans le panneau "Sources".
Enregistrement simple de la chronologie
Essayez de retirer les Outils de développement dans une fenêtre distincte pour que le bouton d'enregistrement soit placé tout près de la partie de la page où vous devez effectuer l'action.
Accéder à un numéro de ligne dans une colonne spécifique
Découvrez comment accéder à des numéros de ligne spécifiques dans le panneau "Sources".
Fichier manifeste – Imprimantes USB
Documentation de référence sur la propriété usb_printers de manifest.json.
Accédez facilement aux écouteurs d'événements
Découvrez comment afficher la définition de la fonction d'un écouteur d'événements enregistré sur n'importe quel nœud.
Vidéo haute performance avec décodage matériel
La compatibilité vidéo matérielle permet un décodage efficace des plug-ins ainsi que des vidéos HTML5. Les utilisateurs de Flash doivent passer de l'ancien style Video à l'objet StageVideo.
Points forts des énoncés précis
voir l'instruction exécutée exacte avec la mise en surbrillance granulaire ;
Modifications locales
Les modifications locales vous permettent de voir quelles modifications ont été apportées (via les outils de développement) à certains fichiers sources.
Actualisation matérielle
Une fois les Outils de développement ouverts, cliquez de manière prolongée sur le bouton d'actualisation pour afficher plus d'options.
Parcourir les lieux de modification
L'historique de la position de votre curseur est conservé dans le panneau "Sources", ce qui vous permet de parcourir les lieux de modification précédents avec la touche Alt (vers l'arrière) ou Alt (en avant).
Copier la réponse d'une ressource réseau dans votre presse-papiers
En plus de copier les en-têtes de requête/réponse d'une ressource réseau, vous pouvez également copier la réponse elle-même.
Sélectionner des colonnes en les faisant glisser
Vous pouvez sélectionner une colonne dans l'éditeur du panneau des sources en maintenant la touche Alt enfoncée tout en faisant glisser la souris.
Balises d'éléments de modification rapide
Vous pouvez double-cliquer sur le nom de la balise d'ouverture d'un nœud dans le panneau "Elements" pour le modifier.
Copier l'image en tant qu'URI de données
Effectuez un clic droit sur l'aperçu d'une image dans le panneau "Ressources" pour la copier en tant qu'URI de données (avec un encodage en base 64).
Afficher les sélecteurs correspondants
Lorsque vous affichez un sélecteur dans le volet "Styles", les parties des sélecteurs séparés par une virgule ont une couleur différente selon qu'elles correspondent ou non au nœud DOM sélectionné.
Surveiller rapidement les événements depuis le panneau de la console
Vous pouvez consigner tous les événements envoyés à un objet à l'aide de la méthode de l'API de ligne de commande monitorEvents(object [, events]).
Clic commande pour ajouter plusieurs curseurs dans le panneau des sources
Découvrez comment utiliser la modification à plusieurs curseurs dans le panneau des sources des outils de développement.
Alt+clic pour développer tous les nœuds enfants
Alt 43 – Cliquer pour développer tous les nœuds enfants
Activer/Désactiver l'état de la station d'accueil des outils de développement à l'aide d'un raccourci clavier
Appuyez sur Cmd + Maj + D pour basculer l'état de la station d'accueil des outils de développement entre les deux derniers états récemment utilisés.
Activer/Désactiver l'état de la station d'accueil des outils de développement à l'aide d'un raccourci clavier
Appuyez sur Cmd + Maj + D pour basculer l'état de la station d'accueil des outils de développement entre les deux derniers états récemment utilisés.
Requêtes réseau inachevées
Vous pouvez utiliser le filtre réseau avancé Is:running pour afficher les requêtes réseau inachevées (par exemple, les requêtes en cours d'exécution).
Éditeur de lissage de vitesse
Sélectionnez une propriété CSS de lissage de vitesse pour afficher un aperçu animé de son comportement.
Majuscules automatiques pour mobile
Les utilisateurs ne craignent pas de saisir davantage de texte : ils ne sont plus en suspens.
Commandes "Couper" et "Copier"
Les commandes "Couper" et "Copier" vous permettent de couper et de copier de manière programmatique le texte sélectionné dans le presse-papiers de l'utilisateur.
Déboguer votre code d'origine au lieu de le déployer avec des mappages source
Assurez-vous que votre code côté client est lisible et débogable, même après l'avoir combiné, minimisé ou compilé.
Référence d'événement dans la chronologie
Le mode "Événements de la chronologie" affiche tous les événements déclenchés lors d'un enregistrement. Utilisez la référence d'événement de chronologie pour en savoir plus sur chaque type d'événement de chronologie.
Documentation de référence de l'API Console Utilities
Référence des fonctions pratiques disponibles dans la console des outils pour les développeurs Chrome.
Mise à jour des attributs DOM dans la chaîne de prototypes
Chrome est désormais conforme aux spécifications. Vérifiez vos sites si vous supposez que la logique WebKit est utilisée pour la propagation des attributs.
Déboguer à distance les appareils Android
Déboguez à distance le contenu en direct d'un appareil Android depuis un ordinateur Windows, Mac ou Linux.
Afficher les ressources de la page
Organisez les ressources par frame, domaine, type ou d'autres critères.
Débogage à distance des WebViews
Déboguez des WebView dans vos applications Android natives à l'aide des outils pour les développeurs Chrome.
Émuler et tester d'autres navigateurs
Votre tâche ne se limite pas à vous assurer que votre site fonctionne correctement sur Chrome et Android. Même si le mode Appareil peut simuler toute une série d'autres appareils tels que l'iPhone, nous vous encourageons à découvrir d'autres solutions de navigateurs pour l'émulation.
API Permissions pour le Web
L'API Permissions vous permet de vérifier de manière centralisée l'état d'autorisation d'une API.
Concepts simplifiés pour l'attribution de noms aux animations Web
Suite aux commentaires des développeurs, certaines fonctionnalités d'animations Web vont être renommées.
Nouvel emplacement pour les outils de développement
Nous avons emménagé dans un tout nouvel espace à l'adresse developer.google.com/web : vous y trouverez de nouveaux tutoriels et conseils très utiles.
Chronologie des outils de développement : découvrez toutes les informations dont vous avez besoin
Nous avons mis à niveau le panneau "Timeline" des outils pour les développeurs Chrome afin d'offrir aux développeurs plus d'informations sur les performances d'exécution de leur site.
Gérer le stockage hors connexion HTML5
Comment stocker des données côté client dans votre application Chrome pour qu'elle fonctionne hors connexion.
Créer des sites sémantiques avec des composants Web et JSON-LD
Ajoutez un balisage schema.org à vos composants et adaptez-les aux moteurs de recherche.
Obtenir des valeurs littérales avec des chaînes de modèle ES6
Littéraux de chaîne de modèle avec expressions intégrées. Cela faisait longtemps que nous attendions ça. Littéralement
Sommet des développeurs Chrome 2014 : Créons des applications avec Polymer
Créer des applications avec Polymer
Qu'est-ce que la fenêtre d'affichage virtuelle ?
La fenêtre d'affichage virtuelle sépare la mise en page et l'affichage de la fenêtre d'affichage.
Conserver l'état lors des mutations DOM avec moveBefore()
Déplacer des nœuds dans le DOM sans perdre l'état critique
Invite d'installation d'une application native
Les bannières d'installation d'application native vous permettent de permettre aux utilisateurs d'installer votre application native de façon rapide et fluide sur leur appareil depuis la plate-forme de téléchargement d'applications, sans quitter le navigateur.
Messagerie native
Comment échanger des messages avec des applications natives à partir de votre application Chrome
Principes de base du développement Web mobile
Un bref aperçu des efforts déployés par l'équipe Chrome pour aider les développeurs à se lancer dans le développement Web et à itérer sur leurs sites.
Commentaires des développeurs requis : API Frame Timing
Une toute nouvelle API est en cours de développement pour aider à mesurer le nombre d'images par seconde en conditions réelles, mais nous avons besoin de votre avis.
Prise en charge de "Theme-color" dans Chrome 39 pour Android
Utilisez theme-color pour définir la couleur de la barre d'outils dans Chrome pour Android.
Étape 5: Ajouter des images à partir du Web
Ajouter des images à votre application Chrome à l'aide de XHR et d'ObjectURL
Étape 3: Ajoutez des alarmes et des notifications
Comment réactiver l'application Chrome à des intervalles donnés et utiliser les notifications.
Étape 4: Ouvrir des liens externes avec une WebView
Comment afficher du contenu Web externe dans votre application Chrome.
Étape 2: Importez une application Web existante
Comment adapter une application Web existante à la plate-forme d'applications Chrome
Étape 6: Exporter les tâches dans le système de fichiers
Écrire dans le système de fichiers depuis votre application Chrome.
Étape 1: Créez et exécutez une application Chrome
Créer, installer, exécuter et déboguer une application Chrome de base
Envoyer des données de balise dans Chrome 39
Chrome 39 implémente l'API Beacon, qui permet d'envoyer de petites requêtes HTTP asynchrones lors des événements de déchargement de page.
Un toucher précis pour des gestes précis
Des modifications ont été apportées aux événements TouchEvents dans Chrome afin qu'ils renvoient des valeurs flottantes, au lieu d'entiers, afin de tenir compte des différentes densités d'écran. Cela permet d'obtenir un retour plus détaillé pour les gestes lents.
Collecter et itérer selon la méthode ES6
Les cartes, les ensembles et...de l'itération sont des fonctionnalités ES6 qui peuvent changer votre façon de travailler avec des collections de données.
Simplification de la conversion de ArrayBuffer en chaîne avec l'API Encodage
L'API d'encodage native offre un moyen simple de convertir des données binaires brutes en chaînes JavaScript.
Modifications de Web Audio dans m36
Description du travail de nettoyage des normes Web Audio dans Chrome 36
élément de boîte de dialogue disponible dans la version bêta de Chrome 37
La version bêta de Chrome est désormais compatible en natif avec les éléments
Récapitulatif des outils de développement : Chrome 35
Mises à jour des outils pour les développeurs dans Chrome 35
API de notifications enrichies
Afficher les notifications destinées aux utilisateurs de vos extensions Chrome
La prise en charge de Blob pour IndexedDB est disponible dans Chrome pour les développeurs.
Fonctionnalité très attendue de Chrome, la prise en charge des objets Blob dans IndexedDB est disponible dans Chrome pour les développeurs.
Automatiser la mesure des performances Web
Utilisez PSI pour intégrer des métriques de performances Web dans votre processus de compilation.
Animations Web : item.animate() est désormais disponible dans Chrome 36
Les animations Web définissent un modèle de prise en charge de l'animation et de la synchronisation sur la plate-forme Web. La fonction item.animate() est le premier élément qui arrive dans Chrome.
Une compatibilité et une fluidité accrues
Vous et vos utilisateurs avez besoin d'applications Web mobiles qui réagissent et qui font défiler l'écran de façon fluide au toucher. Leur développement devrait être facile, mais malheureusement, la manière dont les navigateurs Web mobiles réagissent aux événements tactiles lors du défilement est indiquée comme détail d'implémentation dans la spécification [TouchEvent](https://www.w3.org/TR/touch-events/).
Exécuter des applications Chrome sur des appareils mobiles avec Apache Cordova
Ce guide vous explique comment utiliser Apache Cordova pour configurer votre application Chrome pour qu'elle s'exécute sur les appareils Android et iOS.
Déboguer le code JavaScript asynchrone avec les outils pour les développeurs Chrome
JavaScript se distingue par une fonctionnalité puissante: sa capacité à fonctionner de manière asynchrone via des fonctions de rappel. L'attribution de rappels asynchrones vous permet d'écrire du code basé sur les événements, mais elle rend également
Utiliser la grille CSS
CSS Grid Layout est un nouveau module CSS3 qui fournit de nouvelles primitives de mise en page, idéales pour les applications Web.
Fichier manifeste – Bluetooth
Documentation de référence sur la propriété Bluetooth de manifest.json.
Modifications apportées à l'hébergement dans Chrome 33
Détails sur les modifications apportées à l'hébergement des extensions Chrome qui ont été lancées dans la version 33 de Chrome.
Workflow WebView
Tutoriel expliquant comment utiliser Yeoman, Gradle et Grunt pour créer une application Web.
Applications WebView pour les développeurs Web
Tutoriel expliquant comment utiliser Yeoman, Gradle et Grunt pour créer une application Web.
Récapitulatif des outils de développement
Mises à jour des outils pour les développeurs dans Chrome 33
Récapitulatif mensuel Yeoman
Un résumé mensuel des articles de haute qualité de Yeoman, des générateurs et des actualités du projet.
Yo Polymer - Visite guidée des outils de composants Web
Visite guidée des composants Web, de Polymer et des outils frontaux correspondants.
Applications Web qui parlent – Présentation de l'API Speech Synthesis
Présentation de la fonctionnalité de synthèse de l'API Web Speech.
Sommet des développeurs Chrome : récapitulatif des plates-formes Web ouvertes
Les fonctionnalités de la plate-forme Web ouverte s'accélèrent à un rythme inédit. Lors du sommet des développeurs Chrome, nous avons expliqué comment nous travaillons à améliorer Blink, la sécurité et les contenus multimédias sur la plate-forme.
Chrome Dev Summit : composants déclaratifs, encapsulés et réutilisables Polymer
Polymer permet d'accéder à l'avenir incroyable des composants Web. Découvrez les composants Web et Polymer lors du Chrome Dev Summit
Sommet des développeurs Chrome : récapitulatif sur les mobiles
Voici le premier d'une série de rapports du Sommet des développeurs Chrome. L'accent étant fortement mis sur le développement pour mobile et multi-appareil, nous allons commencer par cet objectif.
Récapitulatif mensuel Yeoman
Une sélection régulière d'articles, de vidéos et de conférences rédigés par la communauté Yeoman.
Récapitulatif des outils de développement, décembre 2013
Dernière mise à jour des modifications apportées aux outils pour les développeurs Chrome.
Nouveau moteur d'animations Web en un clin d'œil pour gérer les animations et les transitions CSS
Une implémentation de Web Animations 1.0, qui fournit des animations et des transitions CSS, est disponible dans Blink.
Délai de pression de 300 ms, disparu
Chaque interaction avec un clic dans les navigateurs mobiles est entravée avec un délai de 300 ms, mais ce délai a été supprimé dans Chrome 32 pour les sites optimisés pour les mobiles !
Fichier manifeste des zones de stockage
Documentation de référence sur la propriété de stockage de manifest.json.
Fichier manifeste pour le stockage géré
Documentation de référence sur la propriété de stockage de manifest.json.
Outils pour les développeurs Chrome : récapitulatif du mois de novembre
Les outils de développement Chrome évoluent rapidement. Nous souhaitons donc vous présenter quelques nouvelles fonctionnalités et améliorations que nous avons apportées à certains composants. Plus précisément, nous allons parler de quelques
Récapitulatif mensuel Yeoman
Une sélection régulière d'articles, de vidéos et de conférences rédigés par la communauté Yeoman.
Le paysage de l'automatisation du développement frontal (Slides)
Découvrez comment améliorer la productivité de votre interface avec des outils d'automatisation des workflows.
Entrée audio en direct de l'audio Web – Désormais disponible sur Android
Chrome pour Android (v31.0.1650+) vient d'être compatible avec l'entrée audio via l'API Web Audio.
La mise en page Flexbox n'est pas lente
Bonne nouvelle ! La nouvelle Flexbox est 2,3 fois plus rapide que l'ancienne.
Réponse des outils de développement : de quelle police s'agit-il ?
Vous êtes-vous déjà demandé quelle police est réellement utilisée pour le rendu du texte ? Les outils pour les développeurs Chrome vous dévoilent tout.
Élément de boîte de dialogue - Fenêtres modales simplifiées
Avez-vous déjà créé votre propre boîte de dialogue modale ? Bientôt, vous n'aurez plus jamais besoin d'utiliser les boîtes de dialogue sur la plate-forme Web.
externally_connectable
Documentation de référence sur la propriété external_connectable de manifest.json.
externally_connectable
Documentation de référence sur la propriété external_connectable de manifest.json.
Vidéo sur la transparence alpha dans Chrome
WebM vient d'ajouter la transparence alpha, et cette compatibilité est disponible dans Chrome 31.
Chrome DevTools Revolutions 2013
La complexité et les fonctionnalités des applications Web ont augmenté, tout comme les outils pour les développeurs Chrome. Dans ce récapitulatif de la présentation de Paul Irish lors de la Google I/O 2013 intitulée Chrome DevTools Revolutions 2013
La syntaxe sourceMappingURL et sourceURL a été modifiée.
La syntaxe sourceMappingURL et sourceURL a été modifiée.
Fichier manifeste – Bac à sable
Documentation de référence sur la propriété sandbox de manifest.json.
Manifest V2 : version [obsolète]
Documentation de référence sur la propriété de version de manifest.json.
Fichier manifeste – URL de la page d'accueil
Documentation de référence sur la propriété home_url de manifest.json.
Fichier manifeste – Paramètres régionaux par défaut
Documentation de référence sur la propriété "default_locale" de manifest.json.
Fichier manifeste – Nom et nom abrégé
Documentation de référence sur les propriétés name et short_name de manifest.json.
Fichier manifeste – Bac à sable
Documentation de référence sur la propriété sandbox de manifest.json.
Fichier manifeste - Description
Documentation de référence sur la propriété de description de manifest.json.
Fichier manifeste – Paramètres régionaux par défaut
Documentation de référence sur la propriété "default_locale" de manifest.json.
Fichier manifeste - Description
Documentation de référence sur la propriété de description de manifest.json.
Fichier manifeste – Modules Nacl
Documentation de référence sur la propriété nacl_modules de manifest.json.
Fichier manifeste – URL de la page d'accueil
Documentation de référence sur la propriété home_url de manifest.json.
Fichier manifeste – Ressources accessibles sur le Web
Documentation de référence sur la propriété web_accessible_resources de manifest.json.
Fichier manifeste – navigation privée
Documentation de référence sur la propriété de navigation privée de manifest.json.
Fichier manifeste – Hors connexion activé
Documentation de référence sur la propriété offline_enabled de manifest.json.
Fichier manifeste – short_name
Documentation de référence sur la propriété short_name de manifest.json.
Version du fichier manifeste
Documentation de référence sur la propriété manifest_version de manifest.json.
Manifeste : version minimale de Chrome
Documentation de référence sur la propriété minimum_chrome_version de manifest.json.
Fichier manifeste – Ressources accessibles sur le Web
Documentation de référence sur la propriété web_accessible_resources de manifest.json.
Fichier manifeste – Conditions requises
Documentation de référence sur la propriété "requirements" de manifest.json.
Fichier manifeste – Conditions requises
Documentation de référence sur la propriété "requirements" de manifest.json.
Fichier manifeste – navigation privée
Documentation de référence sur la propriété de navigation privée de manifest.json.
Fichier manifeste – Gestionnaires de fichiers
Documentation de référence sur la propriété file_handlers de manifest.json.
Fichier manifeste – Application
Documentation de référence sur la propriété d'application de manifest.json.
Présentation des filtres personnalisés (ou nuanceurs CSS)
Présentation des filtres personnalisés (ou nuanceurs CSS)
Profiler de longs délais de peinture avec le mode peinture continue des outils de développement
Profiler de longs délais de peinture avec le mode peinture continue des outils de développement
WebRTC : démo RTCDataChannel, modifications des API... et Chrome communique avec Firefox
WebRTC : démo RTCDataChannel, modifications des API... et Chrome communique avec Firefox
Raccourci CSS Background bientôt disponible dans les navigateurs WebKit pour mobile
Raccourci CSS Background bientôt disponible dans les navigateurs WebKit pour mobile
Applications Web basées sur la voix – Présentation de l'API Web Speech
Applications Web basées sur la voix - Présentation de l'API Web Speech
Content Security Policy 1.0 est officiellement génial
Content Security Policy 1.0 est officiellement génial
Créer des applications avec Sencha Ext JS
Créer des applications Chrome avec le framework Sencha Ext JS
Déclarer des autorisations
Présentation des valeurs valides pour la propriété des autorisations dans le fichier manifest.json.
Globe interactif avec des nuanceurs CSS et Google Maps
Globe interactif avec des nuanceurs CSS et Google Maps
Utiliser eval() dans des iFrames en bac à sable
Utilisez la méthode eval() dans une extension Chrome.
OAuth2: authentifier les utilisateurs avec Google
Instructions détaillées sur la création d'une extension qui accède aux contacts Google d'un utilisateur via les API Google People, Chrome Identity et OAuth2.
Proposer des options aux utilisateurs
Comment autoriser les utilisateurs à personnaliser votre extension
Présentation de l'architecture
Explication générale de l'architecture logicielle des extensions Chrome.
Tutoriel: Google Analytics
Suivez des instructions détaillées pour suivre l'utilisation de votre extension avec Google Analytics.
Utiliser Google Analytics 4
Instructions détaillées pour suivre l'utilisation de votre extension avec Google Analytics 4
Formats des messages de localisation
Documentation de référence sur le format du fichier messages.json pour les extensions Chrome.
Formats des messages de localisation
Documentation de référence sur le format du fichier messages.json pour les extensions Chrome.
Modèles de correspondance
Fonctionnement de l'autorisation d'hôte et de la correspondance de modèles de script de contenu, avec des exemples
Remplacement de pages Chrome
Comment remplacer le gestionnaire de favoris Chrome, l'historique et les pages "Nouvel onglet" à partir de votre extension Chrome.
Requêtes réseau multi-origines
Implémentez les requêtes réseau multi-origines dans votre extension Chrome.
Format du fichier manifeste
Présentation des propriétés manifest.json que vous pouvez utiliser dans votre extension Chrome.
Version du fichier manifeste
La propriété manifest_version du fichier manifest.json indique la version de la spécification du fichier manifeste ciblée par une extension Chrome.
OAuth 2.0: authentifier les utilisateurs auprès de Google
Instructions détaillées sur la création d'une extension qui accède aux contacts Google d'un utilisateur via les API Google People, Chrome Identity et OAuth2.
Remplacer les pages Chrome
Comment remplacer le gestionnaire de favoris Chrome, l'historique et les pages "Nouvel onglet" à partir de votre extension Chrome.
Chrome Web Store
Comment héberger une extension dans le Chrome Web Store et mettre à jour une extension hébergée dans le Chrome Web Store
Utiliser l'évaluation dans les extensions Chrome
Utilisez la méthode eval() dans une extension Chrome.
Déclarer des autorisations et avertir les utilisateurs
Implémenter des autorisations pour protéger vos utilisateurs et votre extension
Autres options de distribution des extensions
Comment distribuer des extensions Chrome en dehors du Chrome Web Store
Utiliser d'autres méthodes d'installation
Installer des extensions Chrome à l'aide du registre de préférences JSON ou Windows
Que sont les applications Chrome ?
Présentation des applications Chrome et des raisons pour lesquelles vous pourriez vouloir en créer.
Étendre les outils de développement
Créer une extension Chrome qui ajoute des fonctionnalités aux outils pour les développeurs Chrome
Notifications enrichies avec webKit
Comment mettre en œuvre des notifications dans votre extension Chrome
Scripts de contenu
Explication des scripts de contenu et de leur utilisation dans votre extension Chrome.
Étendre les Outils de développement
Créer une extension Chrome qui ajoute des fonctionnalités aux outils pour les développeurs Chrome
Version du fichier manifeste
Documentation de référence sur la propriété manifest_version de manifest.json.
Scripts de contenu
Explication des scripts de contenu et de leur utilisation dans votre extension Chrome.
Architecture des applications Chrome
Présentation de l'architecture logicielle des applications Chrome.
Content Security Policy
Présentation de CSP pour les applications Chrome et de la procédure à suivre pour s'y conformer.
Présentation du développement des extensions
Présentation des fonctionnalités et composants de l'extension Chrome
Gérer des événements à l'aide de scripts en arrière-plan
Comment répondre aux déclencheurs du navigateur (événements) à partir d'un script en arrière-plan de l'extension Chrome
Modifications d'empilement à venir dans position:fixed éléments
empilement des modifications arrivant sur position:fixed éléments
Lorsque les millisecondes ne suffisent pas : performance.now
Lorsque les millisecondes ne suffisent pas : performance.now
La liste de données pour les entrées gamme/couleur propose des choix par défaut
La liste de données pour les entrées gamme/couleur propose des choix par défaut
Petites questions fréquentes sur input[type=date] dans Google Chrome
Petites questions fréquentes sur input[type=date] dans Google Chrome
Possibilité de glisser-déposer un dossier dans Chrome
Possibilité de glisser-déposer un dossier dans Chrome
Tirer parti de l'accélération du GPU dans le canevas 2D
Tirer parti de l'accélération du GPU dans le canevas 2D
Écriture d'un livre inverseur à l'aide de régions CSS et de transformations 3D
Écriture d'un livre inverseur à l'aide de régions CSS et de transformations 3D
Content Security Policy
Content Security Policy peut réduire considérablement le risque et l'impact des attaques de type script intersites dans les navigateurs récents.
Comment convertir un objet ArrayBuffer en valeur String
Comment convertir un objet ArrayBuffer en valeur String
Ne créez pas de blobs, mais créez-les.
Les récentes modifications des spécifications de l'API File incluent un nouveau constructeur pour Blob, ce qui rend BlobBuilder non pertinent.
Outil d'inspection des cadres Websocket désormais disponible dans les outils pour les développeurs Chrome
Ajout d'une fonctionnalité d'inspection des données circulant sur le réseau dans WebSockets
liste de données ajoutée à Chrome Canary
En utilisant "datalist", votre application peut définir une liste de suggestions de résultats parmi lesquelles les utilisateurs doivent sélectionner. Ils peuvent soit sélectionner une option dans la liste, soit saisir du texte au format libre.
API requestAnimationFrame : désormais avec une précision inférieure à la milliseconde
Une modification est sur le point d'être apportée à une partie de l'API equestAnimationFrame.
Traitement des importations de fichiers XHR2 en PHP
Exemple de code de serveur pour illustrer comment gérer les importations de fichiers
Protothon WebRTC
Le 24 mars, Google a organisé le premier événement WebRTC pour les développeurs : le protothon WebRTC.
Amélioration significative des performances du DOM : innerHTML de WebKit est 240% plus rapide
L'ingénieur Chrome Kentaro Hara a effectué sept optimisations de code dans WebKit, améliorant ainsi les performances de Safari (JavaScriptCore) et Chrome (V8).
Résumé des ressources internes du navigateur Web
La plupart des ressources qui expliquent le fonctionnement interne des navigateurs Web
Mise hors connexion d'une page entière à l'aide de l'API FileSystem HTML5
L'API FileSystem permet de stocker par programmation des fichiers et des hiérarchies de dossiers dans le système de fichiers local (bac à sable), puis d'ajouter, de mettre à jour et de supprimer des ressources individuelles si nécessaire.
Présentation des mappages source JavaScript
Avez-vous déjà souhaité pouvoir conserver votre code côté client lisible et, surtout, débogable même après l'avoir combiné et minifié, sans affecter les performances? Vous pouvez désormais le faire grâce à la magie des cartes sources. Les mappages
Optimisation de JavaScript
JavaScript est relativement rapide, mais peut toujours l'être plus rapidement. Découvrez comment optimiser les performances de JavaScript.
Nouvelle fonctionnalité expérimentale : les feuilles de style avec champ d'application
Chromium a récemment implémenté une nouvelle fonctionnalité de HTML5 : les feuilles de style à portée.
Présentation de la démonstration de WebGL et de l'API Web Audio
Voici quelques démonstrations sympas de WebGL et de l'API Web Audio que j'ai pu suivre au cours des deux dernières semaines.
SwiftShader intègre le rendu 3D logiciel dans Chrome
SwiftShader est un moteur de rendu 3D logiciel utilisé dans Chrome 18. Il vous permet d'utiliser CSS 3D et WebGL, même sur des GPU sur liste de blocage.
Détecter les modifications DOM avec des observateurs de mutation
Présentation des observateurs de mutations.
Gestion de tous les liens mailto par Gmail avec registerProtocolHandler
Grâce à navigator.registerProtocolHandler() vous pouvez définir Gmail comme client de messagerie par défaut pour tous les liens mailto.
Chrome pour Android – Accélérer le Web mobile
Basé sur le projet Open Source Chromium, Chrome pour Android Bêta comporte de nombreuses fonctionnalités HTML5 récentes que les développeurs Chrome connaissent et apprécient
L'API Pointer Lock intègre les jeux FPS au navigateur
L'API Pointer Lock permet de créer des jeux de tir à la première personne appropriés pour le Web.
L'audio HTML5 et l'API Web Audio sont plus performants
createMediaElementSource() vous permet d'associer HTML5 à la visualisation, au filtrage et à la puissance de traitement de l'API Web Audio.
Se débarrasser des requêtes XHR synchrones
Attention ! La spécification XMLHttpRequest2 a été modifiée récemment pour interdire l'envoi de requêtes synchrones lorsque XMLHttpRequest.responseType est défini.
Questions fréquentes sur l'audio sur le Web
Cette mise à jour rapide vise à répondre à certaines des questions les plus fréquentes pour rendre votre expérience avec l'API Web Audio plus agréable.
Présentation de l'exemple de lecteur vidéo
L'exemple de lecteur vidéo est une application Web de lecteur vidéo Open Source conçue selon la même architecture que les applications 60 Minutes et RedBull.tv.
Destination des effets de filtre CSS dans WebKit
Les équipes d'Adobe ont travaillé sans relâche pour intégrer cette technologie incroyable dans CSS. Plus précisément, je fais référence à CSS Filter Effects 1.0, que WebKit a commencé à implémenter.
Objets transférables (rapide)
Avec les objets transférables, les données sont transférées d'un contexte à un autre. Il s'agit d'une copie sans copie, ce qui améliore considérablement les performances d'envoi de données à un nœud de calcul.