Découvrir Chrome
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.
Mise à jour: pages d'événement et pages en arrière-plan
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
Exemples
Des exemples d'extensions Chrome sont disponibles sur GitHub.
- Extensions Chrome
Publier votre application
TODO
- Extensions Chrome
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é.
- Chrome
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
Chrome for Developers
Vous aider à créer, développer et innover sur le Web.
- Chrome
Version bêta de Chrome 135
Découvrez les nouveautés de Chrome avec la dernière version bêta.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Chrome Extensions
Découvrez comment développer des extensions Chrome.
- Extensions Chrome
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
- Extensions Chrome
chrome.contentSettings
Utilisez l'API chrome.contentSettings pour modifier les paramètres qui déterminent si les sites Web peuvent utiliser des fonctionnalités telles que des cookies, du code JavaScript et des plug-ins. Plus généralement, les paramètres de contenu vous
- Extensions Chrome
chrome.bookmarks
Utilisez l'API chrome.bookmarks pour créer, organiser et manipuler les favoris. Consultez également Pages de remplacement, que vous pouvez utiliser pour créer une page de gestionnaire de favoris personnalisée. Pour utiliser l'API Bookmarks, vous
- Extensions Chrome
chrome.bookmarks
Cette autorisation déclenche un avertissement. Utilisez l'API chrome.bookmarks pour créer, organiser et manipuler les favoris. Consultez également Pages de remplacement, que vous pouvez utiliser pour créer une page de gestionnaire de favoris
- Extensions Chrome
chrome.contentSettings
Utilisez l'API chrome.contentSettings pour modifier les paramètres qui déterminent si les sites Web peuvent utiliser des fonctionnalités telles que des cookies, du code JavaScript et des plug-ins. Plus généralement, les paramètres de contenu vous
- Extensions Chrome
Intelligence artificielle
IA sur Chrome Bienvenue dans la nouvelle ère du Web avec l'IA. Découvrez comment l'IA peut aider les développeurs à créer plus facilement des expériences performantes sur le Web. Repensez le potentiel de Gemini Nano dans Chrome. IA intégrée Nous
Préparation à la transition de Chrome sur Android vers un affichage bord à bord
Chrome sur Android passe en plein écran à partir de Chrome 135.
- Chrome
Guide de migration de Chrome sur Android de bord à bord
Créer des expériences Web de bout en bout
Déboguer Gemini Nano
Une page interne à Chrome est disponible pour afficher les détails des requêtes envoyées à Gemini Nano. Ce guide explique comment l'utiliser pour le débogage.
Analyse avancée du réseau avec les outils pour les développeurs Chrome
Analysez le réseau plus en détail avec les outils pour les développeurs Chrome.
- Chrome
- 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.
- Outils pour les développeurs Chrome
Pop-over = hint
Découvrez le nouveau mode de pop-up qui simplifie les info-bulles et autres éléments flottants.
- Chrome
Nouveautés de WebGPU (Chrome 134)
Amélioration des charges de travail d'apprentissage automatique avec des sous-groupes, amélioration du temps de compilation des nuanceurs sur D3D12, suppression de la prise en charge des types de textures filtrables à virgule flottante en tant que mélangeables, etc.
- Chrome
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
chrome.app.runtime
Utilisez l'API chrome.app.runtime pour gérer le cycle de vie de l'application. L'environnement d'exécution de l'application gère l'installation de l'application, contrôle la page d'événements et peut arrêter l'application à tout moment. tout
chrome.sessions
Utilisez l'API chrome.sessions pour interroger et restaurer les onglets et les fenêtres d'une session de navigation. chaîne Nom de l'appareil étranger. Session [] Liste des sessions de fenêtre ouvertes pour l'appareil externe, triées de la session la
- Extensions Chrome
chrome.printing
Utilisez l'API chrome.printing pour envoyer des tâches d'impression aux imprimantes installées sur un Chromebook. Toutes les méthodes et tous les événements chrome.printing nécessitent que vous déclariez l'autorisation "printing" dans le fichier
- Extensions Chrome
chrome.userScripts
Utilisez l'API userScripts pour exécuter des scripts utilisateur dans le contexte des scripts utilisateur. Pour utiliser l'API User Scripts ( chrome.userScripts ), ajoutez l'autorisation "userScripts" à votre fichier manifest.json et
- Extensions Chrome
chrome.printing
Utilisez l'API chrome.printing pour envoyer des tâches d'impression aux imprimantes installées sur un Chromebook. Toutes les méthodes et tous les événements chrome.printing nécessitent que vous déclariez l'autorisation "printing" dans le fichier
- Extensions Chrome
chrome.sessions
Utilisez l'API chrome.sessions pour interroger et restaurer les onglets et les fenêtres d'une session de navigation. chaîne Nom de l'appareil étranger. Session [] Liste des sessions de fenêtre ouvertes pour l'appareil externe, triées de la session la
- Extensions Chrome
Nouveautés des outils pour les développeurs, Chrome 134
Panneau de confidentialité et de sécurité, limitation du processeur calibrée, mise en évidence des données first party et tierces dans "Performances", nouveaux insights, etc.
- Chrome
- Outils pour les développeurs Chrome
chrome.i18n
Utilisez l'infrastructure chrome.i18n pour implémenter l'internationalisation dans l'ensemble de votre application ou de votre extension. Si une extension possède un répertoire /_locales, le manifest doit définir "default_locale". Vous devez placer
- Extensions Chrome
Amélioration du rendu du texte dans les navigateurs basés sur Chromium sous Windows
L'équipe Edge a ajouté la prise en charge du respect des valeurs de l'optimiseur d'affichage du texte ClearType de Windows directement dans Chromium, ce qui améliore le rendu du texte dans les navigateurs basés sur Chromium sous Windows.
- Chrome
chrome.storage
Utilisez l'API chrome.storage pour stocker, récupérer et suivre les modifications apportées aux données utilisateur. Pour utiliser l'API Storage, déclarez l'autorisation "storage" dans le manifest de l'extension. Exemple: L'API Storage fournit un
- Extensions Chrome
chrome.storage
Utilisez l'API chrome.storage pour stocker, récupérer et suivre les modifications apportées aux données utilisateur. L'API Storage fournit un moyen spécifique à l'extension de conserver les données utilisateur et l'état. Il est semblable aux API de
- Extensions Chrome
Les sous-composants d'image LCP et le RTT sont désormais disponibles dans CrUX
Découvrez les modifications apportées au rapport sur l'expérience utilisateur Chrome (CrUX) dans la version de février 2025, y compris les sous-composants d'image du LCP, les types de ressources du LCP et le RTT.
- Chrome
Dimensions
Documentation technique sur les dimensions CrUX.
- Rapport d'expérience utilisateur Chrome
Docs
Exemples de code, guides et documentation de référence d'API dont vous avez besoin pour votre création
Extensions / Premiers pas
Tout ce que vous devez savoir pour commencer à utiliser les extensions Chrome
- Extensions Chrome
Version bêta de Chrome 134
Découvrez les dernières fonctionnalités disponibles dans Chrome.
- Chrome
Passer automatiquement en Picture-in-picture lorsque vous lisez des contenus multimédias
Chrome permet aux applications Web qui lisent des contenus multimédias de passer automatiquement en Picture-in-picture.
- Chrome
chrome.enterprise.platformKeys
Utilisez l'API chrome.enterprise.platformKeys pour générer des clés et installer les certificats de ces clés. Ces certificats seront gérés par la plate-forme et peuvent servir à l'authentification TLS, à l'accès au réseau ou à une autre extension via
- Extensions Chrome
chrome.enterprise.platformKeys
Utilisez l'API chrome.enterprise.platformKeys pour générer des clés et installer les certificats de ces clés. Ces certificats seront gérés par la plate-forme et peuvent servir à l'authentification TLS, à l'accès au réseau ou à une autre extension via
- Extensions Chrome
Nouveautés de Chrome 133
Chrome 133 est en cours de déploiement ! De nouvelles fonctionnalités CSS intéressantes et bien d'autres sont à découvrir.
- Chrome
Chrome 133
CSS advanced attr(), text-box-trim, scroll-state container queries, and more.
- Chrome
Mode d'application par onglets pour les PWA
Le mode d'application par onglets permet aux développeurs de progressive web apps d'ajouter une interface de document à onglets à leurs PWA autonomes.
Renforcer l'engagement des utilisateurs grâce à l'historique spécifique à l'application dans les onglets personnalisés Chrome
Présentation de l'historique spécifique à l'application pour les onglets personnalisés Chrome sur Android
- Chrome
Améliorer la confidentialité des utilisateurs sur le Web grâce aux onglets personnalisés éphémères
Utiliser des onglets personnalisés éphémères dans votre application Android
Simplifier l'authentification à l'aide de l'onglet "Authentification"
Utiliser l'onglet Auth spécialisé dans votre application Android
Améliorer l'expérience de navigation de vos utilisateurs avec l'historique spécifique à l'application
Utiliser l'historique spécifique à l'application dans votre application Android
Améliorer votre flux de connexion Web avec l'onglet Auth pour Android
Améliorer l'authentification basée sur le Web avec l'onglet Authentification pour Android
- Chrome
chrome.permissions
Utilisez l'API chrome.permissions pour demander les autorisations facultatives déclarées au moment de l'exécution plutôt qu'au moment de l'installation. Les utilisateurs comprendront ainsi pourquoi ces autorisations sont nécessaires et n'accorderont
- Extensions Chrome
chrome.permissions
Utilisez l'API chrome.permissions pour demander les autorisations facultatives déclarées au moment de l'exécution plutôt qu'au moment de l'installation. Les utilisateurs comprendront ainsi pourquoi ces autorisations sont nécessaires et n'accorderont
- Extensions Chrome
chrome.runtime
Utilisez l'API chrome.runtime pour récupérer le service worker, renvoyer des informations sur le fichier manifeste, et écouter et répondre aux événements du cycle de vie de l'extension. Vous pouvez également utiliser cette API pour convertir le
- Extensions Chrome
Nouveautés des outils pour les développeurs, Chrome 133
Historique de chat persistant avec l'IA, meilleure navigation, possibilité d'ignorer une fiche et traces de pile dans "Performances", nouveau panneau "Nouveautés" et plus encore.
- Outils pour les développeurs Chrome
- Chrome
Nouveautés de WebGPU (Chrome 133)
Des formats de sommets unorm8x4-bgra et à un composant supplémentaires permettent de demander des limites inconnues avec une valeur non définie, de modifier les règles d'alignement WGSL, de gagner en performances WGSL avec l'abandon, et bien plus encore.
- Chrome
- WebGPU
Nouveautés dans les extensions Chrome, janvier 2025
Présentation des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extensions à venir qui devraient intéresser les développeurs.
- Extensions Chrome
- Chrome
Bonnes pratiques de gestion des sessions avec l'API Prompt
Ce guide présente les bonnes pratiques de gestion des sessions avec l'API Prompt.
Notes de version
En savoir plus sur les modifications apportées à Chrome qui affectent les développeurs
- Chrome
Nouveautés de Chrome
Nouveautés de Chrome Découvrez les dernières mises à jour de Chrome dans notre documentation et sur notre blog. Nouveaux contenus et mises à jour importantes de la documentation. article Comment les LLM diffusent-ils des réponses? Nouvelle
Mises à jour des règles du Chrome Web Store: assurer la clarté et la cohérence pour les développeurs
Nous annonçons une série de mises à jour de nos règles visant à apporter plus de clarté et de cohérence sur notre plate-forme.
- Extensions Chrome
- Chrome
Simplifier la détection des fonctionnalités WebAuthn pour les clés d'accès
Découvrez comment détecter les fonctionnalités WebAuthn avec "getClientCapabilities()" et adapter les workflows d'authentification à vos utilisateurs.
- Clés d'accès
- Chrome
Comment les LLM diffusent-ils des réponses ?
Découvrez ce qu'est le streaming et comment il fonctionne avec l'IA et les LLM.
Bonnes pratiques pour afficher les réponses LLM en streaming
Suivez ces bonnes pratiques pour le frontend afin d'afficher les réponses en streaming de Gemini avec des API compatibles avec le streaming, comme l'API Prompt.
Traduction avec IA intégrée
L'API Translator intégrée vous permet de traduire un contenu arbitraire d'une langue source vers une langue cible. Participez à la phase d'évaluation de l'API pour la tester.
Figement en mode Économiseur d'énergie
À partir de Chrome 133, les onglets en arrière-plan éligibles qui utilisent beaucoup de ressources processeur seront figés lorsque le mode Économiseur d'énergie est activé.
- Chrome
Astuces pour les outils de développement
Astuces pour les outils de développement
- Outils pour les développeurs Chrome
Contenus multimédias
Améliorez la façon dont vous incluez des images, des vidéos et plus encore sur vos sites Web et applications.
Les clés d'accès du Gestionnaire de mots de passe de Google sont désormais disponibles sur iOS
Chrome sur iOS 17 ou version ultérieure peut désormais créer, synchroniser et s'authentifier à l'aide de clés d'accès dans le Gestionnaire de mots de passe de Google (GPM). Les clés d'accès sur GPM sont ainsi disponibles partout où Chrome l'est.
- Chrome
- Clés d'accès
Mise à niveau de la fonction CSS attr()
Vous pouvez désormais utiliser attr() avec n'importe quelle propriété CSS, y compris les propriétés personnalisées. Il peut analyser les valeurs en types de données autres que des chaînes.
- Chrome
CSS scroll-state()
Comme les requêtes de conteneur, mais pour les requêtes bloquées, figées et débordantes.
- Chrome
Version bêta de Chrome 133
Découvrez les dernières fonctionnalités de Chrome.
- Chrome
Nouveautés de Chrome 132
Chrome 132 est en cours de déploiement ! L'élément "Dialog" reçoit un événement ToggleEvent, le partage vidéo est pris en charge au niveau de l'élément, et l'API File System Access est compatible avec Android et les WebViews.
- Chrome
Chrome 132
ToggleEvent pour la boîte de dialogue, prise en charge du partage vidéo au niveau des éléments, compatibilité de l'API File System Access avec Android et WebViews, etc.
- Chrome
CSS text-box-trim
Récupérez l'espace au-dessus et en dessous de votre contenu textuel pour obtenir un équilibre visuel.
- Chrome
Comment nous avons intégré Gemini aux outils pour les développeurs Chrome
Découvrez des cas d'utilisation amusants et intéressants du nouveau panneau d'assistance IA dans les outils de développement.
- Chrome
- Outils pour les développeurs Chrome
chrome.sockets.udp
Utilisez l'API chrome.sockets.udp pour envoyer et recevoir des données sur le réseau à l'aide de connexions UDP. Cette API remplace la fonctionnalité UDP précédemment disponible dans l'API "socket". Pour utiliser cette API, vous devez déclarer les
chrome.tabs
Utilisez l'API chrome.tabs pour interagir avec le système d'onglets du navigateur. Vous pouvez utiliser cette API pour créer, modifier et réorganiser les onglets dans le navigateur. L'API Tabs propose non seulement des fonctionnalités permettant de
- Extensions Chrome
chrome.tabs
Utilisez l'API chrome.tabs pour interagir avec le système d'onglets du navigateur. Vous pouvez utiliser cette API pour créer, modifier et réorganiser les onglets dans le navigateur. L'API Tabs propose non seulement des fonctionnalités permettant de
- Extensions Chrome
Lauréats du Built-in AI Challenge
Découvrez les applications et les extensions gagnantes du défi IA intégrée, qui vous a invité à imaginer de nouvelles possibilités avec Gemini Nano dans Chrome.
- Chrome
Fin de la prise en charge de l'extension Web Vitals
La fusion de l'extension Web Vitals et des outils de développement est terminée, et l'extension n'est plus prise en charge.
- Outils pour les développeurs Chrome
- Chrome
Capturer un flux vidéo à partir de n'importe quel élément
L'API Element Capture est un moyen performant et robuste de transformer une capture de l'onglet actif en capture d'une sous-arborescence DOM.
chrome.ttsEngine
Utilisez l'API chrome.ttsEngine pour implémenter un moteur de synthèse vocale à l'aide d'une extension. Si votre extension s'enregistre à l'aide de cette API, elle recevra des événements contenant une expression à prononcer et d'autres paramètres
- Extensions Chrome
chrome.ttsEngine
Utilisez l'API chrome.ttsEngine pour implémenter un moteur de synthèse vocale à l'aide d'une extension. Si votre extension s'enregistre à l'aide de cette API, elle recevra des événements contenant une expression à prononcer et d'autres paramètres
- Extensions Chrome
chrome.cookies
Utilisez l'API chrome.cookies pour interroger et modifier les cookies, et pour être averti lorsqu'ils changent. Pour utiliser l'API Cookies, vous devez déclarer l'autorisation "cookies" dans votre fichier manifeste, ainsi que les autorisations d'hôte
- Extensions Chrome
chrome.cookies
Utilisez l'API chrome.cookies pour interroger et modifier les cookies, et pour être averti lorsqu'ils changent. Pour utiliser l'API Cookies, déclarez l'autorisation "cookies" dans votre fichier manifeste, ainsi que les autorisations d'hôte pour tous
- Extensions Chrome
chrome.appviewTag
Utilisez la balise appview pour intégrer d'autres applications Chrome dans votre application Chrome (voir la section Utilisation ). objet Données facultatives spécifiées par le développeur que l'application à intégrer peut utiliser pour prendre une
Atténuer le hameçonnage de clics avec XFO ou CSP
En savoir plus sur la réduction des attaques par hameçonnage de clics
Nouveautés de WebGPU (Chrome 132)
Utilisation de la vue de texture, mélange de textures à virgule flottante 32 bits, attribut adapterInfo GPUDevice, configuration du contexte de canevas avec un format non valide qui génère une erreur JavaScript, filtrage des restrictions d'échantillonneur sur les textures, test étendu des sous-groupes, amélioration de l'expérience pour les développeurs, prise en charge expérimentale des formats de texture normalisés 16 bits, etc.
- Chrome
- WebGPU
Nouveautés des extensions Chrome
Modifications récentes apportées à la plate-forme, à la documentation et aux règles des extensions Chrome
- Extensions Chrome
WebGPU
Découvrez WebGPU grâce à des guides, des démonstrations et les dernières actualités
Compiler avec Chrome
Découvrez ce qui est inclus dans les dernières versions stables et bêta de Chrome.
Paiements
Découvrez comment utiliser les dernières API de paiement dans Chrome
Confidentialité et sécurité
Découvrez les fonctionnalités de confidentialité et de sécurité de Chrome.
Applis
Abandon d'une technologie permettant de créer des expériences qui avaient plus d'accès au système d'exploitation sous-jacent.
Marionnettiste
Bibliothèque Node.js fournissant une API de haut niveau pour contrôler sans interface graphique Chrome ou Chromium
Web sur Android
Découvrez les fonctionnalités de Chrome permettant de développer des applications Web sur Android.
chrome.certificateProvider
Utilisez cette API pour divulguer les certificats sur la plate-forme qui peut les utiliser pour les authentifications TLS. Pour exposer des certificats client à ChromeOS à l'aide de cette API, procédez comme suit: La séquence réelle des étapes peut
- Extensions Chrome
chrome.extension
L'API chrome.extension dispose d'utilitaires pouvant être utilisés par n'importe quelle page d'extension. Il permet d'échanger des messages entre une extension et ses scripts de contenu ou entre des extensions, comme décrit en détail dans la section
- Extensions Chrome
Phare
Automatiser les audits de performances Web avec Lighthouse
Performance
Optimisez les performances de vos applications Web grâce aux outils d'optimisation des performances de Chrome.
chrome.system.display
Utilisez l'API system.display pour interroger les métadonnées d'affichage. Énumération permettant de savoir si l'écran est détecté et utilisé par le système. L'écran est considéré comme "inactif" s'il n'est pas détecté par le système (il est
- Extensions Chrome
chrome.system.display
Utilisez l'API system.display pour interroger les métadonnées d'affichage. Énumération permettant de savoir si l'écran est détecté et utilisé par le système. L'écran est considéré comme "inactif" s'il n'est pas détecté par le système (il est
- Extensions Chrome
chrome.action
Utilisez l'API chrome.action pour contrôler l'icône de l'extension dans la barre d'outils Google Chrome. Pour utiliser cette API, vous devez déclarer les clés suivantes dans le fichier manifeste. Pour utiliser l'API chrome.action, spécifiez un
- Extensions Chrome
Prise en charge des navigateurs
Présentation des fonctionnalités des onglets personnalisés et de la disponibilité de leur navigateur.
Identité
Découvrez les fonctionnalités Chrome dédiées aux identités, telles que l'authentification Web.
chrome.commands
Utilisez l'API Commands pour ajouter des raccourcis clavier qui déclenchent des actions dans votre extension, par exemple une action pour ouvrir l'action du navigateur ou envoyer une commande à l'extension. Pour utiliser cette API, vous devez
- Extensions Chrome
Opération non disponible lors du débogage à distance
Certaines commandes WebDriver (par exemple, le redimensionnement de la fenêtre du navigateur) nécessitent le chargement d'une extension Chrome dans le navigateur. ChromeDriver charge normalement cette "extension d'automatisation" à chaque lancement
ChromeOS
Le binaire ChromeDriver est installé dans /usr/local/chromedriver/ pour toutes les images de test ChromeOS. Le binaire est mis à jour vers la même version de Chrome dans cette image de test. Autrement dit, vous utilisez toujours la dernière version
Présentation de WebView
Le composant WebView est basé sur le projet Open Source Chromium.
chrome.certificateProvider
Utilisez cette API pour divulguer les certificats sur la plate-forme qui peut les utiliser pour les authentifications TLS. Pour exposer des certificats client à ChromeOS à l'aide de cette API, procédez comme suit: La séquence réelle des étapes peut
- Extensions Chrome
chrome.extension
L'API chrome.extension dispose d'utilitaires pouvant être utilisés par n'importe quelle page d'extension. Il permet d'échanger des messages entre une extension et ses scripts de contenu ou entre des extensions, comme décrit en détail dans la section
- Extensions Chrome
Journal des performances
ChromeDriver est compatible avec la journalisation des performances, à partir de laquelle vous pouvez obtenir des événements des domaines "Chronologie", "Réseau" et "Page", ainsi que des données de trace pour les catégories de trace spécifiées. La
Plantages de ChromeDriver
Plusieurs options s'offrent à vous pour diagnostiquer et corriger les plantages de ChromeDriver. Cela ne concerne que les plantages de ChromeDriver, qui ne sont pas les mêmes que les plantages ou les fermetures de Chrome. Sous Windows, un message
Téléchargements
Pour les versions antérieures de Chrome, voici les versions de ChromeDriver compatibles. Pour en savoir plus sur la sélection de la bonne version de ChromeDriver, consultez la page Sélection de la version. Compatible avec la version 114 de Chrome
Chrome ne démarre pas ou plante immédiatement
Cela se produit souvent lorsque vous exécutez ChromeDriver ou Chrome à l'aide d'un harnais de test spécial (peut-être un IDE) ou d'un système de compilation continue (tel que Jenkins). Essayez de lancer le même binaire Chrome que votre test à partir
Émulation mobile
Chrome permet aux utilisateurs d'émuler Chrome sur un appareil mobile à partir de la version pour ordinateur de bureau de Chrome en activant le mode appareil avec les outils pour les développeurs Chrome. Cette fonctionnalité accélère le développement
Compatibilité avec le clavier
Pour le moment, ChromeDriver n'est compatible qu'avec les systèmes sur lesquels un clavier américain est configuré. Lorsque ChromeDriver détecte cet état, il consigne les éléments suivants: Les utilisateurs qui ne disposent pas d'un clavier américain
Android
Les derniers binaires pour ChromeDriver sont empaquetés sous forme de fichiers ZIP pour différentes plates-formes hôtes. Les versions antérieures de ChromeDriver se trouvent dans Téléchargements. ChromeDriver permet d'exécuter des tests sur le
Canary
ChromeDriver Canary contient les dernières fonctionnalités de ChromeDriver. De nouveaux binaires sont créés et mis à disposition plusieurs fois par jour. Sachez qu'il est conçu pour les développeurs et les utilisateurs de la première heure, et qu'il
Points à noter concernant la sécurité
ChromeDriver est un outil puissant qui peut causer des dommages s'il tombe entre de mauvaises mains. Lorsque vous utilisez ChromeDriver, suivez ces suggestions:
La saisie automatique en action: insights concrets
Une étude Chrome montre que les utilisateurs de la saisie automatique remplissent les formulaires plus rapidement, avec des taux d'abandon plus faibles.
- Chrome
Résultats du formulaire personnalisable de demande de commentaires des développeurs
Merci de nous avoir accordé du temps, de nous avoir fait part de vos commentaires, d'avoir examiné les détails et d'avoir contribué à définir les normes.
- Chrome
Premiers pas avec l'IA intégrée
Découvrez les conditions requises pour commencer à créer des fonctionnalités et des applications avec l'IA intégrée.
Détection de la langue avec l'IA intégrée
L'API Language Detector permet une détection intégrée des langues sur le Web, dans votre navigateur.
Utiliser l'outil de chronologie des allocations
Utilisez l'outil "Chronologie d'allocation" pour trouver les objets qui ne sont pas correctement collectés et qui continuent de conserver de la mémoire.
- Outils pour les développeurs Chrome
Éviter les animations non composées
Comment réussir l'audit Lighthouse pour éviter les animations non composées ?
Nouveautés des outils pour les développeurs, Chrome 132
Déboguer les requêtes réseau, les fichiers sources et les traces de performances avec Gemini, consulter l'historique des discussions avec l'IA et plus encore
- Outils pour les développeurs Chrome
- Chrome
Rétrospective CSS 2024
Rejoignez l'équipe Chrome DevRel et un dinosaure Chrome à roulettes pour découvrir le dernier CSS lancé pour Chrome et la plate-forme Web en 2024.
Terminologie liée à la mémoire
Cette section décrit les termes couramment utilisés dans l'analyse de la mémoire et s'applique à divers outils de profilage de mémoire pour différents langages.
- Outils pour les développeurs Chrome
Enregistrer et analyser une trace de performances avec les outils de développement
Enregistrez et analysez une trace de performances avec les outils de développement.
- Outils pour les développeurs Chrome
- Chrome
Afficher et modifier l'espace de stockage des extensions
Afficher et modifier l'espace de stockage des extensions à l'aide du panneau "Espace de stockage des extensions"
- Outils pour les développeurs Chrome
chrome.bluetoothSocket
Utilisez l'API chrome.bluetoothSocket pour envoyer et recevoir des données vers des appareils Bluetooth à l'aide de connexions RFCOMM et L2CAP. Pour utiliser cette API, vous devez déclarer les clés suivantes dans le fichier manifeste. "system_error"
chrome.mdns
Utilisez l'API chrome.mdns pour découvrir des services via mDNS. Il s'agit d'un sous-ensemble des fonctionnalités de la spécification NSD: http://www.w3.org/TR/discovery-api/ chaîne Adresse IP d'un service annoncé par mDNS. chaîne[] Métadonnées d'un
chrome.syncFileSystem
Utilisez l'API chrome.syncFileSystem pour enregistrer et synchroniser des données dans Google Drive. Cette API n'est PAS destinée à accéder à des documents utilisateur arbitraires stockés dans Google Drive. Il fournit un espace de stockage
chrome.socket
Utilisez l'API chrome.socket pour envoyer et recevoir des données sur le réseau à l'aide de connexions TCP et UDP. Remarque:À partir de Chrome 33, cette API est abandonnée au profit des API sockets.udp, sockets.tcp et sockets.tcpServer. Nombre number
chrome.browser
Utilisez l'API chrome.browser pour interagir avec le navigateur Chrome associé à l'application et au profil Chrome actuels. chaîne URL à laquelle accéder lorsque le nouvel onglet est ouvert pour la première fois. Ouvre un nouvel onglet dans une
chrome.usb
Utilisez l'API chrome.usb pour interagir avec les appareils USB connectés. Cette API permet d'accéder aux opérations USB dans le contexte d'une application. Grâce à cette API, les applications peuvent fonctionner comme pilotes pour les appareils
chrome.bluetooth
Utilisez l'API chrome.bluetooth pour vous connecter à un appareil Bluetooth. Toutes les fonctions signalent les échecs via chrome.runtime.lastError. Pour utiliser cette API, vous devez déclarer les clés suivantes dans le fichier manifeste. chaîne
chrome.bluetoothLowEnergy
L'API chrome.bluetoothLowEnergy permet de communiquer avec les appareils Bluetooth Smart (basse consommation) à l'aide du profil d'attribut générique (GATT). Pour utiliser cette API, vous devez déclarer les clés suivantes dans le fichier manifeste.
chrome.serial
Utilisez l'API chrome.serial pour lire et écrire sur un appareil connecté à un port série. number facultatif Consultez les ConnectionOptions.bitrate. Ce champ peut être omis ou inexact si un débit non standard est utilisé ou si une erreur s'est
chrome.webviewTag
Utilisez la balise webview pour charger activement du contenu en direct à partir du Web sur le réseau et l'intégrer dans votre application Chrome. Votre application peut contrôler l'apparence de webview et interagir avec le contenu Web, lancer des
chrome.fontSettings
Utilisez l'API chrome.fontSettings pour gérer les paramètres de police de Chrome. Pour utiliser l'API Font Settings, vous devez déclarer l'autorisation "fontSettings" dans le fichier manifeste de l'extension. Exemple: Chrome permet à certains
- Extensions Chrome
API Prompt
Découvrez les possibilités infinies de l'API Prompt dans les extensions Chrome.
Extensions et IA
Découvrez comment développer des extensions avec l'IA.
- Extensions Chrome
Utiliser une règle HSTS stricte
Découvrez comment configurer une règle HSTS (HTTP Strict Transport Security) stricte.
Abandon du panneau "Informations sur les performances"
Le panneau "Informations sur les performances" expérimental sera supprimé en janvier 2025 et remplacé par de nouvelles insights dans le panneau "Performances".
- Outils pour les développeurs Chrome
- Chrome
Chrome DevTools
Découvrez les dernières actualités et les cas d'utilisation de l'assistance IA.
- Outils pour les développeurs Chrome
chrome.desktopCapture
L'API Desktop Capture capture le contenu de l'écran, de fenêtres individuelles ou d'onglets individuels. Enum utilisé pour définir l'ensemble de sources multimédias pour ordinateur utilisé dans chooseDesktopMedia(). "screen" "window" "tab" "audio"
- Extensions Chrome
chrome.documentScan
Utilisez l'API chrome.documentScan pour découvrir et récupérer des images dans les scanners de documents connectés.
- Extensions Chrome
chrome.dns
Utilisez l'API chrome.dns pour la résolution DNS. Pour utiliser cette API, vous devez déclarer l'autorisation "dns" dans le manifest. Le code suivant appelle resolve() pour récupérer l'adresse IP de example.com. service-worker.js: chaîne facultatif
- Extensions Chrome
chrome.declarativeContent
Utilisez l'API chrome.declarativeContent pour effectuer des actions en fonction du contenu d'une page, sans avoir besoin d'autorisation pour lire le contenu de la page. L'API Content Declarative vous permet d'activer l'action de votre extension en
- Extensions Chrome
chrome.system.storage
Utilisez l'API chrome.system.storage pour interroger les informations sur les appareils de stockage et être averti lorsqu'un appareil de stockage amovible est connecté ou déconnecté. "success" La commande d'éjection a réussi. L'application peut
- Extensions Chrome
chrome.alarms
Utilisez l'API chrome.alarms pour planifier l'exécution du code de manière périodique ou à une heure précise à l'avenir. Pour utiliser l'API chrome.alarms, déclarez l'autorisation "alarms" dans le manifest: Pour garantir un comportement fiable, il
- Extensions Chrome
chrome.contextMenus
Utilisez l'API chrome.contextMenus pour ajouter des éléments au menu contextuel de Google Chrome. Vous pouvez choisir les types d'objets auxquels les options ajoutées au menu contextuel s'appliquent, comme les images, les liens hypertextes et les
- Extensions Chrome
chrome.audio
L'API chrome.audio permet aux utilisateurs d'obtenir des informations sur les appareils audio connectés au système et de les contrôler. Cette API n'est actuellement disponible que en mode kiosque pour ChromeOS. chaîne Nom de l'appareil. DeviceType
- Extensions Chrome
Saisie automatique
Les navigateurs et vous, en tant que développeur, pouvez aider les utilisateurs à saisir des données plus rapidement et à éviter de les saisir à nouveau. La saisie automatique permet aux navigateurs de remplir automatiquement les champs de formulaire
Outils CrUX
Documentation technique sur les outils CrUX.
- Rapport d'expérience utilisateur Chrome
chrome.declarativeNetRequest
L'API chrome.declarativeNetRequest permet de bloquer ou de modifier les requêtes réseau en spécifiant des règles déclaratives. Les extensions peuvent ainsi modifier les requêtes réseau sans les intercepter ni en afficher le contenu, ce qui renforce
- Extensions Chrome
chrome.devtools.panels
Utilisez l'API chrome.devtools.panels pour intégrer votre extension à l'interface utilisateur de la fenêtre des outils pour les développeurs: créez vos propres panneaux, accédez à des panneaux existants et ajoutez des barres latérales. Chaque panneau
- Extensions Chrome
chrome.fileBrowserHandler
Utilise l'API chrome.fileBrowserHandler pour étendre l'explorateur de fichiers Chrome OS. Par exemple, vous pouvez vous en servir pour autoriser les utilisateurs à importer des fichiers sur votre site Web. Le navigateur de fichiers ChromeOS s'affiche
- Extensions Chrome
chrome.readingList
Utilisez l'API chrome.readingList pour lire et modifier les éléments de la liste de lecture. Pour utiliser l'API Reading List, ajoutez l'autorisation "readingList" dans le fichier manifeste de l'extension: manifest.json: Chrome comporte une liste de
- Extensions Chrome
L'accessibilité des vidéos remporte le prix Web du concours pour les développeurs sur l'API Gemini
Nous avons sélectionné ViddyScribe pour le prix Web du concours pour les développeurs sur l'API Gemini. Il a expliqué comment Gemini peut contribuer à rendre les vidéos sur le Web plus accessibles en générant des descriptions audio pour n'importe quelle vidéo.
- Chrome
Étapes suivantes pour WebGPU
Découvrez les nouvelles fonctionnalités d'IA et de rendu abordées lors de la dernière réunion du groupe de travail GPU for the Web.
- Chrome
- WebGPU
Préparez votre extension alors que nous commençons à tester un nouveau menu d'extensions
Préparer votre extension pour le nouveau menu des extensions
- Extensions Chrome
- Chrome
Clés d'accès
Un remplacement plus simple et plus sûr pour les mots de passe.
chrome.networking.onc
L'API chrome.networking.onc permet de configurer les connexions réseau (mobile, Ethernet, VPN ou Wi-Fi). Cette API est disponible dans les sessions de kiosque Chrome OS lancées automatiquement. Les configurations de connexion réseau sont spécifiées
Traduction côté client avec l'IA
Découvrez l'API Translator pour un service client à l'international.
API Signal pour les clés d'accès sur Chrome pour ordinateur
Présentation de l'API Signal pour les clés d'accès sur Chrome pour ordinateur
- Clés d'accès
- Chrome
Annoter des traces directement dans le panneau "Performances"
Découvrez comment rendre les traces de performances plus compréhensibles grâce aux nouvelles fonctionnalités d'annotation dans les outils de développement.
- Chrome
Assistance IA pour le réseau
Comprendre le trafic réseau de votre site Web grâce à l'IA
- Outils pour les développeurs Chrome
Assistance IA pour les sources
Comprendre les ressources de votre site Web grâce à l'IA
- Outils pour les développeurs Chrome
Panneau d'assistance IA
Comprendre le fonctionnement d'un site Web à l'aide de l'IA
- Outils pour les développeurs Chrome
Participer à la phase d'évaluation de l'API Translator
Traduire du texte en temps réel dans le navigateur à l'aide de modèles d'IA locaux Les utilisateurs peuvent désormais contribuer dans leur langue maternelle.
- Chrome
Assistance IA pour les performances
Comprendre les profils de performances grâce à l'IA
- Outils pour les développeurs Chrome
IA intégrée
L'IA intégrée est la dernière offre qui permet de proposer des modèles puissants aux utilisateurs, tout en protégeant les données sensibles et en améliorant la latence.
Version bêta de Chrome 132
Découvrez les dernières fonctionnalités de Chrome.
- Chrome
Assurer la cohérence des clés d'accès avec les identifiants sur votre serveur avec l'API Signal
L'API WebAuthn Signal permet à une partie de confiance de signaler l'état des identifiants existants au fournisseur de clés d'accès afin que les clés d'accès soient cohérentes avec les identifiants sur le serveur.
- Chrome
- Clés d'accès
Rejoindre la phase d'évaluation des extensions Chrome de l'API Prompt
Participez à la phase d'évaluation de l'API Prompt pour les extensions Chrome et accédez à Gemini Nano dans Chrome.
- Chrome
Rejoindre la phase d'évaluation de l'API Summarizer
Participez à la phase d'évaluation pour aider les utilisateurs à synthétiser des articles longs, des documents complexes ou même des conversations par chat animées dans des résumés concis et pertinents.
- Chrome
Chrome 131
L'héritage de la mise en surbrillance CSS change, davantage de style CSS pour l'élément "Details" (Détails), une mise en page simplifiée avec des zones de marge de page, etc.
- Chrome
Nouveautés de Chrome 131
Chrome 131 est en cours de déploiement ! Plus de styles CSS pour l'élément "details", mise en page d'impression simplifiée avec des marges de page, et bien plus encore.
- Chrome
Résumer avec l'IA intégrée
Résumez de longs articles, des documents complexes ou même des conversations animées en chat en des résumés concis et pertinents.
CSS et UI
Trouvez des ressources sur des sujets tels que la typographie, la couleur et la mise en page.
Premiers pas avec les phases d'évaluation
Testez une fonctionnalité nouvelle ou expérimentale d'une plate-forme Web. Faites part de vos commentaires à la communauté des normes Web sur la facilité d'utilisation, le caractère pratique et l'efficacité de cette fonctionnalité, avant qu'elle ne soit proposée à tous les utilisateurs.
Résoudre les problèmes de mémoire
Découvrez comment utiliser Chrome et les outils de développement pour détecter les problèmes de mémoire qui affectent les performances des pages, y compris les fuites de mémoire, les surcharges de mémoire et les récupérations de mémoire fréquentes.
- Outils pour les développeurs Chrome
Plus d'options de style <details>
Vous pouvez désormais définir le type d'affichage et styliser le conteneur pour la partie qui se développe et se réduit à l'aide du nouveau pseudo-élément ::details-content.
Nouveautés de WebGPU (Chrome 131)
Les distances de découpe dans WGSL, GPUCanvasContext getConfiguration(), les primitives de point et de ligne ne doivent pas avoir de biais de profondeur, les fonctions intégrées de balayage inclusif pour les sous-groupes, la prise en charge expérimentale de la multi-dessin indirecte, l'option de compilation du module de nuanceur de mathématiques strictes, la suppression de GPUAdapter requestAdapterInfo(), etc.
- Chrome
- WebGPU
Présentation du panneau "Mémoire"
Obtenez des insights détaillés sur l'allocation de mémoire, analysez les problèmes de mémoire de bas niveau et gérez la récupération de mémoire.
- Outils pour les développeurs Chrome
Aidez vos utilisateurs à se connecter facilement grâce au partage d'identifiants fluide
Le partage fluide des identifiants vous permet d'indiquer de manière sécurisée aux gestionnaires de mots de passe que vos utilisateurs peuvent se connecter à l'aide des mêmes identifiants sur votre application Android et votre site Web.
- Chrome
Personnaliser les Outils de développement
Liste des options de personnalisation des Outils pour les développeurs Chrome: modification du thème, de l'emplacement, de l'ordre des panneaux, de la langue, etc.
- Outils pour les développeurs Chrome
Documentation de référence sur les badges
Activez ou désactivez différentes superpositions et accélérez la navigation dans l'arborescence DOM grâce aux badges.
- Outils pour les développeurs Chrome
Surveiller les métriques Core Web Vitals en temps réel dans le panneau "Performances"
Surveillez les métriques Core Web Vitals en temps réel dans le panneau "Performances".
- Chrome
- Outils pour les développeurs Chrome
Reconnaître l'écriture manuscrite des utilisateurs
L'API Reconnaissance de l'écriture manuscrite permet aux applications Web d'utiliser des services avancés de reconnaissance de l'écriture manuscrite pour reconnaître en temps réel du texte à partir d'une entrée manuscrite.
Nouveautés des outils de développement, Chrome 131
Déboguez du code CSS avec Gemini, annotez les résultats et obtenez des insights dans le panneau "Performances", détectez les décalages de mise en page excessifs et les animations non composées, et plus encore.
- Outils pour les développeurs Chrome
- Chrome
Ajouter du contenu dans les marges des pages Web lors de l'impression à l'aide de CSS
Créez des en-têtes et des pieds de page personnalisés lorsque vous imprimez des pages Web.
- Chrome
WebGPU: conseils et solutions de dépannage
Découvrez pourquoi WebGPU est désactivé ou ne fonctionne pas dans le navigateur Chrome.
Analyser les performances de l'environnement d'exécution
Découvrez comment évaluer les performances d'exécution dans les outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
Suppression de --headless=old de Chrome
Chrome 132 n'inclut plus l'ancien mode headless. Migrez vers chrome-headless-shell ou le nouveau mode headless.
- Chrome
Nouveau badge de défilement dans les outils de développement: trouvez plus rapidement les éléments à faire défiler
Découvrez comment le nouveau badge de défilement de DevTools simplifie le débogage des éléments à faire défiler (et comment nous l'avons créé).
- Chrome
5 choses intéressantes à faire avec l'assistance IA des outils de développement
Découvrez des cas d'utilisation amusants et intéressants du nouveau panneau d'assistance IA dans les outils de développement.
- Chrome
Activer bfcache pour Cache-Control: no-store
Chrome modifie son comportement pour autoriser l'utilisation de bfcache pour les pages utilisant Cache-Control: no-store lorsque cela est possible. Découvrez ce que cela signifie pour les développeurs.
Mode headless de Chrome
Le mode headless de Chrome est désormais plus utile pour les développeurs, car il se rapproche du mode "headless" standard de Chrome.
- Chromium
API d'IA intégrées
L'IA intégrée est la dernière offre qui permet de proposer des modèles puissants aux utilisateurs, tout en protégeant les données sensibles et en améliorant la latence.
Chrome 131 bêta
Découvrez les fonctionnalités qui seront bientôt disponibles dans Chrome avec la dernière version bêta.
- Chrome
Documentation de référence de l'API
Documentation de référence complète sur toutes les API disponibles pour les extensions Chrome. Cela inclut les API de la plate-forme d'applications Chrome, devenue obsolète, ainsi que les API encore en version bêta et en développement.
- Extensions Chrome
Chrome 130
Chrome 130 est en cours de déploiement. La fonctionnalité Picture-in-picture pour les documents vous permet de mieux contrôler les fenêtres Picture-in-picture, les déclarations imbriquées CSS corrigent certains cas difficiles, et vous pouvez spécifier le comportement des décorations sur les éléments répartis sur plusieurs lignes, et bien plus encore !
- Chrome
Nouveautés de Chrome 130
Le déploiement de Chrome 130 est en cours. Le mode Picture-in-picture pour les documents vous permet de mieux contrôler les fenêtres Picture-in-picture, les déclarations imbriquées CSS corrigent certains cas difficiles, et vous pouvez spécifier le comportement des décorations sur les éléments répartis sur plusieurs lignes. Pete LePage vous présente toutes les nouveautés de Chrome 130 pour les développeurs.
- Chrome
Aide à la mise en forme basée sur l'IA
Découvrez comment le style d'un site Web est créé à l'aide de l'IA dans les outils de développement.
- Outils pour les développeurs Chrome
Nouveautés de WebGPU (Chrome 130)
Mélange de deux sources, amélioration du temps de compilation des nuanceurs sur Metal, abandon de GPUAdapter requestAdapterInfo() et plus encore.
- Chrome
- WebGPU
chrome.virtualKeyboard
L'API chrome.virtualKeyboard est une API en mode kiosque utilisée uniquement pour configurer la disposition et le comportement du clavier virtuel dans les sessions kiosque. Booléen facultatif Indique si la saisie semi-automatique est compatible avec
chrome.clipboard
L'API chrome.clipboard permet aux utilisateurs d'accéder aux données du presse-papiers. Il s'agit d'une solution temporaire pour les applications de la plate-forme chromeos jusqu'à ce qu'une alternative Web ouverte soit disponible. Elle sera
Inspecter l'activité réseau
Ce tutoriel présente les fonctionnalités réseau les plus populaires dans les outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
Innovations en matière d'IA
Référence de l'onglet "Innovations en IA".
- Outils pour les développeurs Chrome
API Long Animation Frames
Découvrez l'API Long Animation Frames (LoAF), la prochaine itération de l'API Long Tasks et qui permet de mesurer les retards de mise à jour des frames grâce à l'attribution.
La propriété box-decoration-break dans Chrome 130
Chrome 130 est compatible avec la partie "box-decoration-break" complète et sans préfixe.
- Chrome
Actualités des extensions Chrome, octobre 2024
Présentation des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extensions à venir qui devraient intéresser les développeurs.
- Chrome
- Extensions Chrome
Native Client
Bac à sable permettant d'exécuter du code C et C++ compilé dans le navigateur. Cette fonctionnalité est obsolète.
Accès au réseau privé suspendu
Le déploiement de l'accès à un réseau privé (PNA) est suspendu.
- Chrome
Modifications de l'héritage pour le style de sélection CSS
Une modification de l'héritage des surlignages CSS est prévue dans Chrome 134.
- Chrome
L'API Translation est disponible en version preview anticipée
L'API Translation est désormais disponible pour les participants au programme en preview anticipé d'IA intégrée.
- Chrome
API CSS Anchor Positioning
Positionnez des éléments les uns par rapport aux autres à l'aide de l'API de positionnement des ancres.
Capturer les prédictions dans les outils pour les développeurs Chrome: pourquoi c'est difficile et comment les améliorer
Découvrez comment le débogueur des outils de développement prédit si une exception est interceptée.
- Chrome
Participez au défi sur l'IA intégrée de Google Chrome
Nous lançons le défi IA intégré, pour lequel nous vous invitons à réinventer le potentiel de Gemini Nano dans Chrome.
- Chrome
WebAuthn: émuler des authentificateurs
Émulez Google Authenticator et déboguez WebAuthn dans les outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
Documentation de référence sur les fonctionnalités
Référence complète des fonctionnalités du panneau "Enregistreur" des outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
Nouveautés des outils de développement, Chrome 130
Recommandations concernant les métriques en direct et les fils d'Ariane que vous pouvez parcourir dans le panneau "Performances", réinventer les filtres de réseau, les exportations HAR nettoyées et plus encore.
- Outils pour les développeurs Chrome
- Chrome
Recherche: rechercher du texte dans toutes les ressources chargées
Trouvez du texte dans toutes les ressources chargées à l'aide du panneau de recherche.
- Outils pour les développeurs Chrome
Amélioration de l'expérience mobile sur le tableau de bord du développeur Chrome Web Store
Nous sommes ravis de lancer un ensemble de modifications de l'interface utilisateur qui rendent le tableau de bord du développeur du Chrome Web Store plus responsif et plus adapté aux mobiles. Nous espérons que cette fonctionnalité vous permettra de
- Extensions Chrome
- Chrome
Présentation du panneau "Sources"
Consultez et modifiez des fichiers, créez des extraits, déboguez JavaScript et configurez des espaces de travail dans le panneau "Sources" des outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
Couverture: Trouver les fichiers JavaScript et CSS inutilisés
Trouver et analyser le code JavaScript et CSS inutilisé dans les outils pour les développeurs Chrome
- Outils pour les développeurs Chrome
Transitions d'affichage pour un même document dans les applications monopages
Commencez à utiliser des transitions d'affichage pour un même document dans votre application monopage.
La mise en cache démystifiée : inspecter, effacer et désactiver les caches
Inspecter et résoudre les problèmes liés au cache avec les outils de développement
- Chrome
- Outils pour les développeurs Chrome
Panneau Calques: explorer les calques de votre site Web
Inspectez les calques qui composent votre site Web.
- Outils pour les développeurs Chrome
L'extension Web Vitals est désormais disponible dans DevTools
L'extension Web Vitals sera fusionnée avec le panneau "Performances" de Chrome DevTools. La prise en charge autonome prendra fin en janvier 2025.
- Outils pour les développeurs Chrome
- Chrome
Présentation de la console
La console des outils pour les développeurs Chrome est principalement utilisée pour consigner les messages et exécuter JavaScript.
- Outils pour les développeurs Chrome
Identifier de manière unique les PWA avec la propriété d'ID du fichier manifeste d'application Web
La propriété facultative "id" fait partie des spécifications du fichier manifeste de l'application Web et vous permet de définir explicitement l'identifiant utilisé pour votre PWA. L'ajout de la propriété "id" au fichier manifeste supprime la dépendance à "start_url" ou à l'emplacement du fichier manifeste, et permet leur mise à jour ultérieure.
Comment définir la mise en page en maçonnerie CSS ?
Comparaison des deux caractéristiques de maçonnerie proposées.
- Chrome
Chrome pour synchroniser les clés d'accès sur le Gestionnaire de mots de passe de Google entre l'ordinateur de bureau et Android
Chrome sur ordinateur pourra bientôt créer des clés d'accès dans le Gestionnaire de mots de passe de Google (GPM) et les synchroniser sur ces plates-formes, en plus d'Android.
- Chrome
- Clés d'accès
API Writer et rewriter disponibles en preview anticipé
Les participants à l'EPP peuvent désormais créer des prototypes avec les API d'écriture et de réécriture dans Chrome.
- Chrome
Version bêta de Chrome 130
Testez les fonctionnalités et les modifications de votre site dans la dernière version bêta de Chrome.
- Chrome
Chrome Testing: partage de processus
Test du partage de processus et impact sur l'expérience des développeurs dans les outils pour les développeurs Chrome
- Chrome
Surveiller les performances Core Web Vitals locales et réelles dans DevTools
Le panneau "Performances" des outils pour les développeurs Chrome offre une nouvelle façon de surveiller les métriques Core Web Vitals locales et de les comparer à des données réelles d'utilisateurs du terrain.
- Outils pour les développeurs Chrome
- Chrome
Animer avec height: auto; (et d'autres mots clés de dimensionnement intrinsèque) en CSS
Animer des mots clés de dimensionnement intrinsèque à partir de et vers "interpolate-size" et "calc-size()"
Panneau "Performances" : analysez les performances de votre site Web
Analyser la charge de chargement et les performances d'exécution de votre site Web
- Outils pour les développeurs Chrome
Nouveautés de WebGPU (Chrome 129)
Compatibilité HDR avec le mode Canevas, la compatibilité avec les sous-groupes étendus et plus encore.
- Chrome
- WebGPU
Nouveautés de Chrome 129
Le déploiement de Chrome 129 est en cours. Vous pouvez céder pour les longues tâches : pour améliorer les performances, vous pouvez animer des éléments avec des tailles intrinsèques, la syntaxe de positionnement des ancres a été modifiée, et bien d'autres sont disponibles. Pete LePage vous présente toutes les nouveautés de Chrome 129 pour les développeurs.
- Chrome
Mises à jour Bluetooth RFCOMM dans WebSerial
Découvrez comment détecter quand un port série RFCOMM Bluetooth est disponible avec Web Serial.
- Chrome
Demande de commentaires de développeur: option personnalisable
Découvrez en avant-première la nouvelle fonctionnalité de sélection personnalisable.
- Chrome
Figer l'écran inspecter les éléments qui disparaissent
Gèlez les éléments du DOM pour pouvoir les inspecter avec les outils pour les développeurs.
- Chrome
- Outils pour les développeurs Chrome
Les API Keyboard Lock et Pointer Lock nécessitent l'autorisation de Chrome 131
L' API Keyboard Lock permet aux développeurs de proposer une expérience immersive en plein écran pour divers cas d'utilisation, y compris les sites Web interactifs, les jeux, le streaming de bureau à distance ou d'applications. Pour ce faire, il
- Chrome
Picture-in-picture pour tous les éléments, pas uniquement les <vidéos>
Afficher du contenu HTML arbitraire dans une fenêtre toujours au premier plan
Notes de version
Détails sur les dernières modifications apportées à l'ensemble de données CrUX.
- Rapport d'expérience utilisateur Chrome
Outil d'inspection de mémoire: inspectez ArrayBuffer, TypedArray, DataView et la mémoire Wasm.
Utilisez l'inspecteur de mémoire pour inspecter un objet ArrayBuffer, TypedArray ou DataView dans JavaScript, ainsi que WebAssembly.Memory des applications Wasm C.
- Outils pour les développeurs Chrome
Modifications: suivez vos modifications HTML, CSS et JavaScript
Suivez les modifications apportées au code HTML, CSS et JavaScript.
- Outils pour les développeurs Chrome
Modifications de la syntaxe de positionnement de l'ancre
Modifications liées à l'API de positionnement des ancres dont vous devez tenir compte.
- Chrome
Présentation de la phase d'évaluation de l'API Digital Credentials
Une phase d'évaluation pour l'API Digital Credentials commence à partir de Chrome 128. L'API Digital Credentials est une nouvelle API de plate-forme Web qui permet aux sites Web de demander de manière sélective des informations vérifiables sur l'utilisateur à l'aide d'identifiants numériques tels qu'un permis de conduire ou une carte nationale d'identité stockée dans un portefeuille numérique.
- Chrome
Activez le partage fluide des identifiants entre les sites Web dans Chrome
Si vous utilisez plusieurs domaines partageant le même backend de gestion de compte, Digital Asset Links vous permet désormais de partager facilement des identifiants entre eux. Les utilisateurs peuvent ainsi les enregistrer une seule fois et demander au gestionnaire de mots de passe Chrome de les suggérer sur tous les sites Web associés.
Commandes d'exécution dans le menu de commandes
Ce guide vous explique comment ouvrir le menu de commandes, exécuter des commandes, ouvrir des fichiers, afficher d'autres actions, etc.
- Outils pour les développeurs Chrome
Nouveautés des outils de développement, Chrome 129
Requêtes de recherche dans Performances > Réseau, utiliser les données de test dans les formulaires d'adresse avec la saisie automatique, exporter des données vers Puppeteer pour Firefox dans le panneau "Enregistreur", repérer d'un coup d'œil les problèmes de performances grâce aux observations du panneau "Performances", et plus encore.
- Outils pour les développeurs Chrome
- Chrome
Plate-forme Web
Découvrez le fonctionnement de Chrome, participez aux phases d'évaluation et utilisez Chrome où que vous soyez.
Présentation des optimisations, des requêtes d'origine associées et de la sérialisation JSON pour WebAuthn dans Chrome
WebAuthn sur Chrome peut désormais utiliser les indications, les requêtes d'origine associées et la sérialisation JSON
- Chrome
chrome.privacy
Utilisez l'API chrome.privacy pour contrôler l'utilisation des fonctionnalités Chrome susceptibles d'affecter la confidentialité des données de l'utilisateur. Cette API s'appuie sur le prototype ChromeSetting de l'API de type pour obtenir et définir
- Extensions Chrome
chrome.wallpaper
Utilisez l'API chrome.wallpaper pour modifier le fond d'écran ChromeOS. Vous devez déclarer le "fond d'écran" l'autorisation dans le fichier manifeste de l'application d'utiliser l'API Fond d'écran. Exemple: Par exemple, pour définir le fond d'écran
- Extensions Chrome
chrome.input.ime
Utilisez l'API chrome.input.ime afin d'implémenter un IME personnalisé pour Chrome OS. Votre extension pourra ainsi gérer les frappes au clavier, définir la composition et gérer la fenêtre candidate. Vous devez déclarer l'entrée autorisation dans le
- Extensions Chrome
chrome.scripting
Utilisez l'API chrome.scripting pour exécuter le script dans différents contextes. Pour utiliser l'API chrome.scripting, déclarez l'autorisation "scripting" dans le fichier manifeste, ainsi que les autorisations d'hôte pour les pages dans lesquelles
- Extensions Chrome
chrome.system.storage
Utilisez l'API chrome.system.storage pour interroger les informations sur les périphériques de stockage et recevoir une notification lorsqu'un périphérique de stockage amovible est connecté et déconnecté. "success" La commande d'exclusion a abouti:
- Extensions Chrome
chrome.webAuthenticationProxy
L'API chrome.webAuthenticationProxy permet aux logiciels de bureau à distance exécutés sur un hôte distant d'intercepter les requêtes de l'API Web Authentication (WebAuthn) afin de les gérer sur un client local. chaîne Le
- Extensions Chrome
chrome.devtools.performance
Utilisez l'API chrome.devtools.performance pour écouter les mises à jour de l'état de l'enregistrement dans le panneau "Performances" des outils de développement. Consultez le récapitulatif des API d'outils de développement pour obtenir une
- Extensions Chrome
chrome.enterprise.hardwarePlatform
Utilisez l'API chrome.enterprise.hardwarePlatform pour obtenir le fabricant et le modèle de la plate-forme matérielle sur laquelle le navigateur s'exécute. Remarque: Cette API n'est disponible que pour les extensions installées dans le cadre d'une
- Extensions Chrome
chrome.topSites
Utilisez l'API chrome.topSites pour accéder aux principaux sites (c'est-à-dire les sites les plus consultés) affichés sur la page "Nouvel onglet". Ils n'incluent pas les raccourcis personnalisés par l'utilisateur. Vous devez déclarer la propriété
- Extensions Chrome
chrome.enterprise.deviceAttributes
Utilisez l'API chrome.enterprise.deviceAttributes pour lire les attributs de l'appareil. Remarque: Cette API n'est disponible que pour les extensions installées d'office par une règle d'entreprise. Extrait l'emplacement indiqué par l'administrateur.
- Extensions Chrome
chrome.types
L'API chrome.types contient des déclarations de type pour Chrome. Le type ChromeSetting fournit un ensemble commun de fonctions ( get(), set() et clear() ) et un éditeur d'événements ( onChange ) pour les paramètres du navigateur Chrome. Les
- Extensions Chrome
chrome.tabCapture
Utilisez l'API chrome.tabCapture pour interagir avec les flux multimédias des onglets. L'API chrome.tabCapture vous permet d'accéder à un MediaStream contenant des vidéos et l'audio de l'onglet actuel. Elle ne peut être appelée qu'après que
- Extensions Chrome
chrome.vpnProvider
Utilisez l'API chrome.vpnProvider pour implémenter un client VPN. Voici une utilisation habituelle de chrome.vpnProvider: Créez des configurations VPN en appelant createConfig(). Une configuration VPN est une entrée persistante qui s'affiche dans
- Extensions Chrome
chrome.systemLog
Utilisez l'API chrome.systemLog pour enregistrer les journaux système Chrome des extensions. chaîne Ajoute un enregistrement de journal. MessageOptions Options de journalisation function facultatif Le paramètre callback se présente comme suit:
- Extensions Chrome
chrome.power
Utilisez l'API chrome.power pour ignorer les fonctionnalités de gestion de l'alimentation du système. Par défaut, les systèmes d'exploitation réduisent la luminosité de l'écran lorsque les utilisateurs sont inactifs et finissent par suspendre
- Extensions Chrome
chrome.system.memory
L'API chrome.system.memory Nombre Quantité de capacité disponible, en octets. Nombre Quantité totale de la capacité de mémoire physique, en octets. Obtenir des informations sur la mémoire physique function facultatif Le paramètre callback se présente
- Extensions Chrome
chrome.proxy
Utilisez l'API chrome.proxy pour gérer les paramètres proxy de Chrome. Cette API s'appuie sur le prototype ChromeSetting de l'API de type pour obtenir et définir la configuration du proxy. Vous devez déclarer le "proxy" autorisation d'utiliser les
- Extensions Chrome
chrome.enterprise.networkingAttributes
Utilisez l'API chrome.enterprise.networkingAttributes pour lire les informations sur votre réseau actuel. Remarque: Cette API n'est disponible que pour les extensions installées d'office par une règle d'entreprise. chaîne facultatif Adresse IPv4
- Extensions Chrome
chrome.devtools.recorder
Utilisez l'API chrome.devtools.recorder pour personnaliser le panneau "Enregistreur" dans les outils de développement. L'API devtools.recorder est une fonctionnalité en preview qui vous permet d'étendre le panneau Enregistreur dans les outils pour
- Extensions Chrome
chrome.processes
Utilisez l'API chrome.processes pour interagir avec les processus du navigateur. Nombre Partie du cache utilisée, en octets. Nombre Taille du cache, en octets. numéro facultatif Mesure la plus récente de l'utilisation du processeur par le processus,
- Extensions Chrome
chrome.system.cpu
Utilisez l'API system.cpu pour interroger les métadonnées du processeur. chaîne Nom de l'architecture des processeurs. chaîne[] Ensemble de codes de fonctionnalité indiquant certaines fonctionnalités du processeur. Les codes actuellement pris en
- Extensions Chrome
chrome.devtools.network
Utilisez l'API chrome.devtools.network pour récupérer les informations sur les requêtes réseau affichées par les outils de développement dans le panneau "Network". Les informations sur les requêtes réseau sont représentées au format HTTP Archive (
- Extensions Chrome
chrome.devtools.inspectedWindow
Utilisez l'API chrome.devtools.inspectedWindow pour interagir avec la fenêtre inspectée: obtenez l'ID de l'onglet de la page inspectée, évaluez le code dans le contexte de la fenêtre inspectée, actualisez la page ou obtenez la liste des ressources de
- Extensions Chrome
chrome.search
Utilisez l'API chrome.search pour effectuer une recherche via le fournisseur par défaut. "CURRENT_TAB" Spécifie que les résultats de recherche s'affichent dans l'onglet d'appel ou dans l'onglet du navigateur actif. "NEW_TAB" Spécifie que les
- Extensions Chrome
chrome.tts
Utilisez l'API chrome.tts pour lire la synthèse vocale synthétisée. Consultez également l'API ttsEngine associée, qui permet à une extension d'implémenter un moteur de synthèse vocale. Chrome offre cette fonctionnalité sous Windows (avec SAPI 5), Mac
- Extensions Chrome
chrome.webNavigation
Utilisez l'API chrome.webNavigation pour recevoir des notifications sur l'état des requêtes de navigation en cours de transfert. L'ensemble des méthodes et événements chrome.webNavigation nécessitent que vous déclariez l'autorisation "webNavigation"
- Extensions Chrome
chrome.tabGroups
Utilisez l'API chrome.tabGroups pour interagir avec le système de regroupement d'onglets du navigateur. Cette API vous permet de modifier et de réorganiser les groupes d'onglets dans le navigateur. Pour regrouper et dissocier des onglets, ou pour
- Extensions Chrome
chrome.printerProvider
L'API chrome.printerProvider expose les événements utilisés par le gestionnaire d'impression pour interroger les imprimantes contrôlées par les extensions, interroger leurs fonctionnalités et envoyer des tâches d'impression à ces imprimantes. chaîne
- Extensions Chrome
chrome.printingMetrics
Utilisez l'API chrome.printingMetrics pour récupérer des données sur l'utilisation des impressions. "BLACK_AND_WHITE" Spécifie que le mode noir et blanc a été utilisé. "COLOR" Spécifie que le mode couleur a été utilisé. "ONE_SIDED" Spécifie que
- Extensions Chrome
Fonctionnalités et ChromeOptions
Les fonctionnalités sont des options que vous pouvez utiliser pour personnaliser et configurer une session ChromeDriver.
API de détection de la langue disponible en preview anticipée
Les participants au programme PPE peuvent désormais créer des prototypes grâce à une API de détection de la langue dans Chrome.
- Chrome
chrome.declarativeNetRequest
L'API chrome.declarativeNetRequest permet de bloquer ou de modifier les requêtes réseau en spécifiant des règles déclaratives. Cela permet aux extensions de modifier les requêtes réseau sans les intercepter ni afficher leur contenu, et ainsi
- Extensions Chrome
Lighthouse: optimiser la vitesse du site Web
Accélérez le chargement de vos sites Web avec Chrome Lighthouse.
- Outils pour les développeurs Chrome
chrome.webRequest
Utilisez l'API chrome.webRequest pour observer et analyser le trafic, ainsi que pour intercepter, bloquer ou modifier les requêtes en cours de transfert. Vous devez déclarer l'autorisation "webRequest" dans le fichier manifeste de l'extension pour
- Extensions Chrome
chrome.sidePanel
Utilisez l'API chrome.sidePanel pour héberger le contenu du panneau latéral du navigateur avec le contenu principal d'une page Web. Pour utiliser l'API Side Panel, ajoutez l'autorisation "sidePanel" dans le fichier manifeste de l'extension:
- Extensions Chrome
chrome.omnibox
L'API omnibox vous permet d'enregistrer un mot clé dans la barre d'adresse de Google Chrome, également appelée "omnibox". Lorsque l'internaute saisit le mot clé de votre extension, il n'interagit qu'avec votre. Chaque frappe est envoyée à votre
- Extensions Chrome
chrome.pageAction
Utilisez l'API chrome.pageAction pour placer des icônes dans la barre d'outils principale de Google Chrome, à droite de la barre d'adresse. Les actions sur la page correspondent aux actions qui peuvent être effectuées sur la page active, mais qui ne
- Extensions Chrome
chrome.windows
Utilisez l'API chrome.windows pour interagir avec les fenêtres du navigateur. Cette API vous permet de créer, modifier et réorganiser des fenêtres dans le navigateur. Lorsqu'elle est demandée, une windows.Window contient un tableau d'objets tabs.Tab.
- Extensions Chrome
chrome.browserAction
Utilisez les actions du navigateur pour placer des icônes dans la barre d'outils principale de Google Chrome, à droite de la barre d'adresse. En plus de son icône, une action du navigateur peut comporter une info-bulle, un badge et un pop-up. Dans la
- Extensions Chrome
chrome.i18n
Utilisez l'infrastructure chrome.i18n pour implémenter l'internationalisation dans l'ensemble de votre application ou de votre extension. Vous devez placer toutes les chaînes visibles par l'utilisateur dans un fichier nommé messages.json. À chaque
- Extensions Chrome
chrome.webRequest
Utilisez l'API chrome.webRequest pour observer et analyser le trafic, ainsi que pour intercepter, bloquer ou modifier les requêtes en cours de transfert. Vous devez déclarer l'autorisation "webRequest" dans le fichier manifeste de l'extension pour
- Extensions Chrome
chrome.fileBrowserHandler
Utilisez l'API chrome.fileBrowserHandler pour étendre l'explorateur de fichiers de Chrome OS. Par exemple, vous pouvez utiliser cette API pour permettre aux utilisateurs d'importer des fichiers sur votre site Web. L'explorateur de fichiers ChromeOS
- Extensions Chrome
chrome.devtools.panels
Utilisez l'API chrome.devtools.panels pour intégrer votre extension à l'interface utilisateur de la fenêtre des outils pour les développeurs: créez vos propres panneaux, accédez aux panneaux existants et ajoutez des barres latérales. Les clés
- Extensions Chrome
chrome.system.cpu
Utilisez l'API system.cpu pour interroger les métadonnées du processeur. chaîne Nom de l'architecture des processeurs. chaîne[] Ensemble de codes de fonctionnalité indiquant certaines fonctionnalités du processeur. Les codes actuellement pris en
- Extensions Chrome
chrome.enterprise.networkingAttributes
Utilisez l'API chrome.enterprise.networkingAttributes pour lire les informations sur votre réseau actuel. Remarque: Cette API n'est disponible que pour les extensions installées d'office par une règle d'entreprise. chaîne facultatif Adresse IPv4
- Extensions Chrome
chrome.gcm
Utilisez chrome.gcm pour permettre aux applications et aux extensions d'envoyer et de recevoir des messages via Firebase Cloud Messaging (FCM). Taille maximale (en octets) de l'ensemble des paires clé/valeur d'un message. 4096 Enregistre
- Extensions Chrome
chrome.instanceID
Accédez au service d'ID d'instance à l'aide de chrome.instanceID. Réinitialise l'identifiant d'instance d'application et révoque tous les jetons qui lui sont associés. function facultatif Le paramètre callback se présente comme suit:
- Extensions Chrome
chrome.wallpaper
Utilisez l'API chrome.wallpaper pour modifier le fond d'écran ChromeOS. Vous devez déclarer le "fond d'écran" l'autorisation dans le fichier manifeste de l'application d'utiliser l'API Fond d'écran. Exemple: Par exemple, pour définir le fond d'écran
- Extensions Chrome
chrome.input.ime
Utilisez l'API chrome.input.ime afin d'implémenter un IME personnalisé pour Chrome OS. Votre extension pourra ainsi gérer les frappes au clavier, définir la composition et gérer la fenêtre candidate. Vous devez déclarer l'entrée autorisation dans le
- Extensions Chrome
chrome.platformKeys
Utilisez l'API chrome.platformKeys pour accéder aux certificats client gérés par la plate-forme. Si l'utilisateur ou la règle accorde l'autorisation, une extension peut utiliser un tel certificat dans son protocole d'authentification personnalisé.
- Extensions Chrome
chrome.loginState
Utilisez l'API chrome.loginState pour lire et surveiller l'état de connexion. "SIGNIN_PROFILE" Spécifie que l'extension se trouve dans le profil de connexion. "USER_PROFILE" Spécifie que l'extension se trouve dans le profil utilisateur. "UNKNOWN"
- Extensions Chrome
chrome.printingMetrics
Utilisez l'API chrome.printingMetrics pour récupérer des données sur l'utilisation des impressions. "BLACK_AND_WHITE" Spécifie que le mode noir et blanc a été utilisé. "COLOR" Spécifie que le mode couleur a été utilisé. "ONE_SIDED" Spécifie que
- Extensions Chrome
chrome.history
Utilisez l'API chrome.history pour interagir avec l'enregistrement des pages visitées du navigateur. Vous pouvez ajouter, supprimer et rechercher des URL dans l'historique du navigateur. Pour remplacer la page d'historique par votre propre version,
- Extensions Chrome
chrome.devtools.inspectedWindow
Utilisez l'API chrome.devtools.inspectedWindow pour interagir avec la fenêtre inspectée: obtenez l'ID de l'onglet de la page inspectée, évaluez le code dans le contexte de la fenêtre inspectée, actualisez la page ou obtenez la liste des ressources de
- Extensions Chrome
chrome.tts
Utilisez l'API chrome.tts pour lire la synthèse vocale synthétisée. Consultez également l'API ttsEngine associée, qui permet à une extension d'implémenter un moteur de synthèse vocale. Chrome offre une compatibilité native avec la reconnaissance
- Extensions Chrome
chrome.identity
Utilisez l'API chrome.identity pour obtenir des jetons d'accès OAuth2. chaîne Identifiant unique du compte. Cet identifiant reste inchangé pendant toute la durée de vie du compte. "SYNC" Indique que la synchronisation est activée pour le compte
- Extensions Chrome
chrome.processes
Utilisez l'API chrome.processes pour interagir avec les processus du navigateur. Nombre Partie du cache utilisée, en octets. Nombre Taille du cache, en octets. numéro facultatif Mesure la plus récente de l'utilisation du processeur par le processus,
- Extensions Chrome
chrome.dom
Utiliser l'API chrome.dom afin d'accéder aux API DOM spéciales pour les extensions Récupère la racine ombre ouverte ou la racine ombre fermée hébergée par l'élément spécifié. Si l'élément n'associe pas la racine fantôme, il renvoie la valeur "null".
- Extensions Chrome
chrome.devtools.recorder
Utilisez l'API chrome.devtools.recorder pour personnaliser le panneau "Enregistreur" dans les outils de développement. Consultez le récapitulatif des API d'outils de développement pour obtenir une présentation générale de l'utilisation des API des
- Extensions Chrome
chrome.enterprise.hardwarePlatform
Utilisez l'API chrome.enterprise.hardwarePlatform pour obtenir le fabricant et le modèle de la plate-forme matérielle sur laquelle le navigateur s'exécute. Remarque: Cette API n'est disponible que pour les extensions installées dans le cadre d'une
- Extensions Chrome
chrome.tabCapture
Utilisez l'API chrome.tabCapture pour interagir avec les flux multimédias des onglets. L'API chrome.tabCapture vous permet d'accéder à un MediaStream contenant des vidéos et l'audio de l'onglet actuel. Elle ne peut être appelée qu'après que
- Extensions Chrome
chrome.webNavigation
Utilisez l'API chrome.webNavigation pour recevoir des notifications sur l'état des requêtes de navigation en cours de transfert. L'ensemble des méthodes et événements chrome.webNavigation nécessitent que vous déclariez "webNavigation"
- Extensions Chrome
chrome.management
L'API chrome.management permet de gérer les applications et les extensions installées. Vous devez déclarer la "gestion" autorisation dans le fichier manifeste de l'extension d'utiliser la gestion API. Exemple:
- Extensions Chrome
chrome.topSites
Utilisez l'API chrome.topSites pour accéder aux principaux sites (c'est-à-dire les sites les plus consultés) affichés sur la page "Nouvel onglet". Ils n'incluent pas les raccourcis personnalisés par l'utilisateur. Vous devez déclarer la propriété
- Extensions Chrome
chrome.search
Utilisez l'API chrome.search pour effectuer une recherche via le fournisseur par défaut. "CURRENT_TAB" Spécifie que les résultats de recherche s'affichent dans l'onglet d'appel ou dans l'onglet du navigateur actif. "NEW_TAB" Spécifie que les
- Extensions Chrome
chrome.idle
Utilisez l'API chrome.idle pour détecter quand l'état d'inactivité de la machine change. Vous devez déclarer l'état "inactif" l'autorisation d'utiliser l'API inactive dans le fichier manifeste de votre extension. Exemple: "actif" "inactif"
- Extensions Chrome
chrome.types
L'API chrome.types contient des déclarations de type pour Chrome. Le prototype ChromeSetting fournit un ensemble commun de fonctions ( get(), set() et clear() ). et éditeur d'événements ( onChange ) pour les paramètres du navigateur Chrome. Les
- Extensions Chrome
chrome.printerProvider
L'API chrome.printerProvider expose les événements utilisés par le gestionnaire d'impression pour interroger les imprimantes contrôlées par les extensions, interroger leurs fonctionnalités et envoyer des tâches d'impression à ces imprimantes. chaîne
- Extensions Chrome
chrome.enterprise.deviceAttributes
Utilisez l'API chrome.enterprise.deviceAttributes pour lire les attributs de l'appareil. Remarque: Cette API n'est disponible que pour les extensions installées d'office par une règle d'entreprise. Extrait l'emplacement indiqué par l'administrateur.
- Extensions Chrome
chrome.privacy
Utilisez l'API chrome.privacy pour contrôler l'utilisation des fonctionnalités Chrome susceptibles d'affecter la confidentialité des données de l'utilisateur. Cette API s'appuie sur le prototype ChromeSetting de l'API de type pour obtenir et définir
- Extensions Chrome
chrome.windows
Utilisez l'API chrome.windows pour interagir avec les fenêtres du navigateur. Cette API vous permet de créer, modifier et réorganiser des fenêtres dans le navigateur. Lorsqu'elle est demandée, une windows.Window contient un tableau d'objets tabs.Tab.
- Extensions Chrome
chrome.power
Utilisez l'API chrome.power pour ignorer les fonctionnalités de gestion de l'alimentation du système. Par défaut, les systèmes d'exploitation réduisent la luminosité de l'écran lorsque les utilisateurs sont inactifs et finissent par suspendre
- Extensions Chrome
chrome.pageCapture
Utilisez l'API chrome.pageCapture pour enregistrer un onglet au format MHTML. MHTML est un format standard compatible avec la plupart des navigateurs. Il encapsule dans un seul fichier une page et toutes ses ressources (fichiers CSS, images, etc.).
- Extensions Chrome
chrome.systemLog
Utilisez l'API chrome.systemLog pour enregistrer les journaux système Chrome des extensions. chaîne Ajoute un enregistrement de journal. MessageOptions Options de journalisation function facultatif Le paramètre callback se présente comme suit:
- Extensions Chrome
chrome.fileSystemProvider
Utilisez l'API chrome.fileSystemProvider pour créer des systèmes de fichiers accessibles à partir du gestionnaire de fichiers sur ChromeOS. Vous devez déclarer la classe autorisation du fichier manifeste de l'extension et de la section correspondante
- Extensions Chrome
chrome.notifications
Utilisez l'API chrome.notifications pour créer des notifications enrichies à l'aide de modèles et afficher ces notifications dans la barre d'état système. chaîne facultatif Icônes de bouton non visibles par les utilisateurs de Mac OS X. chaîne chaîne
- Extensions Chrome
chrome.fontSettings
Utilisez l'API chrome.fontSettings pour gérer les paramètres des polices dans Chrome. Pour utiliser l'API Font Settings, vous devez déclarer la règle "fontSettings" l'autorisation dans l' extension fichier manifeste. Exemple: Certains paramètres de
- Extensions Chrome
chrome.downloads
Cette autorisation déclenche un avertissement Utilisez l'API chrome.downloads pour programmer, lancer, surveiller, manipuler et rechercher des téléchargements. Vous devez déclarer l'autorisation "downloads" dans le fichier manifeste de l'extension
- Extensions Chrome
chrome.devtools.network
Utilisez l'API chrome.devtools.network pour récupérer les informations sur les requêtes réseau affichées par les outils de développement dans le panneau "Network". Les clés suivantes doivent être déclarées dans le fichier manifeste pour utiliser
- Extensions Chrome
chrome.proxy
Utilisez l'API chrome.proxy pour gérer les paramètres proxy de Chrome. Cette API s'appuie sur le prototype ChromeSetting de l'API de type pour obtenir et définir la configuration du proxy. Vous devez déclarer le "proxy" autorisation d'utiliser les
- Extensions Chrome
chrome.vpnProvider
Utilisez l'API chrome.vpnProvider pour implémenter un client VPN. En général, vpnProvider est utilisé comme suit: Créez des configurations VPN à l'aide de la méthode createConfig. Une configuration VPN est une entrée persistante présentée à
- Extensions Chrome
chrome.events
L'espace de noms chrome.events contient des types courants utilisés par les API qui envoient des événements pour vous avertir lorsqu'un événement intéressant se produit. Un Event est un objet qui vous permet d'être averti lorsqu'un événement
- Extensions Chrome
chrome.events
L'espace de noms chrome.events contient des types courants utilisés par les API qui envoient des événements pour vous avertir lorsqu'un événement intéressant se produit. Un Event est un objet qui vous permet d'être averti lorsqu'un événement
- Extensions Chrome
chrome.idle
Utilisez l'API chrome.idle pour détecter quand l'état d'inactivité de la machine change. Vous devez déclarer l'autorisation "idle" dans le fichier manifeste de votre extension pour utiliser l'API inactive. Exemple: "actif" "inactif" "verrouillée"
- Extensions Chrome
chrome.offscreen
Utilisez l'API offscreen pour créer et gérer des documents hors écran. Pour utiliser l'API Offscreen, déclarez l'autorisation "offscreen" dans le fichier manifeste de l'extension. Exemple: Les service workers ne disposent pas d'un accès DOM, et de
- Extensions Chrome
chrome.pageCapture
Utilisez l'API chrome.pageCapture pour enregistrer un onglet au format MHTML. MHTML est un format standard compatible avec la plupart des navigateurs. Il encapsule dans un seul fichier une page et toutes ses ressources (fichiers CSS, images, etc.).
- Extensions Chrome
chrome.fileSystemProvider
Utilisez l'API chrome.fileSystemProvider pour créer des systèmes de fichiers accessibles à partir du gestionnaire de fichiers sur ChromeOS. Vous devez déclarer la classe autorisation du fichier manifeste de l'extension et de la section correspondante
- Extensions Chrome
chrome.dom
Utiliser l'API chrome.dom afin d'accéder aux API DOM spéciales pour les extensions Récupère la racine ombre ouverte ou la racine ombre fermée hébergée par l'élément spécifié. Si l'élément n'associe pas la racine fantôme, il renvoie la valeur "null".
- Extensions Chrome
chrome.omnibox
L'API omnibox vous permet d'enregistrer un mot clé dans la barre d'adresse de Google Chrome, également appelée "omnibox". Lorsque l'internaute saisit le mot clé de votre extension, il n'interagit qu'avec votre. Chaque frappe est envoyée à votre
- Extensions Chrome
chrome.debugger
L'API chrome.debugger sert de moyen de transport alternatif pour le protocole de débogage à distance de Chrome. Utilisez chrome.debugger pour associer un ou plusieurs onglets afin d'instrumenter l'interaction réseau, de déboguer JavaScript, de
- Extensions Chrome
chrome.management
L'API chrome.management permet de gérer les applications et les extensions installées. Vous devez déclarer la "gestion" autorisation dans le fichier manifeste de l'extension d'utiliser la gestion API. Exemple:
- Extensions Chrome
chrome.downloads
Utilisez l'API chrome.downloads pour programmer, lancer, surveiller, manipuler et rechercher des téléchargements. Vous devez déclarer l'autorisation "downloads" dans le fichier manifeste de l'extension pour utiliser cette API. Vous trouverez des
- Extensions Chrome
chrome.history
Utilisez l'API chrome.history pour interagir avec l'enregistrement des pages visitées du navigateur. Vous pouvez ajouter, supprimer et rechercher des URL dans l'historique du navigateur. Pour remplacer la page d'historique par votre propre version,
- Extensions Chrome
chrome.gcm
Utilisez chrome.gcm pour permettre aux applications et aux extensions d'envoyer et de recevoir des messages via Firebase Cloud Messaging (FCM). Taille maximale (en octets) de l'ensemble des paires clé/valeur d'un message. 4096 Enregistre
- Extensions Chrome
chrome.notifications
Utilisez l'API chrome.notifications pour créer des notifications enrichies à l'aide de modèles et afficher ces notifications dans la barre d'état système. chaîne facultatif Icônes de bouton non visibles par les utilisateurs de Mac OS X. chaîne chaîne
- Extensions Chrome
chrome.instanceID
Accédez au service d'ID d'instance à l'aide de chrome.instanceID. Réinitialise l'identifiant d'instance d'application et révoque tous les jetons qui lui sont associés. function facultatif Le paramètre callback se présente comme suit:
- Extensions Chrome
chrome.loginState
Utilisez l'API chrome.loginState pour lire et surveiller l'état de connexion. "SIGNIN_PROFILE" Spécifie que l'extension se trouve dans le profil de connexion. "USER_PROFILE" Spécifie que l'extension se trouve dans le profil utilisateur. "UNKNOWN"
- Extensions Chrome
chrome.platformKeys
Utilisez l'API chrome.platformKeys pour accéder aux certificats client gérés par la plate-forme. Si l'utilisateur ou la règle accorde l'autorisation, une extension peut utiliser un tel certificat dans son protocole d'authentification personnalisé.
- Extensions Chrome
chrome.identity
Utilisez l'API chrome.identity pour obtenir des jetons d'accès OAuth2. chaîne Identifiant unique du compte. Cet identifiant reste inchangé pendant toute la durée de vie du compte. "SYNC" Indique que la synchronisation est activée pour le compte
- Extensions Chrome
chrome.sockets.tcp
Utilisez l'API chrome.sockets.tcp pour envoyer et recevoir des données sur le réseau à l'aide de connexions TCP. Cette API remplace la fonctionnalité TCP précédemment disponible dans l'API chrome.socket. Les clés suivantes doivent être déclarées dans
chrome.hid
Utiliser l'API chrome.hid pour interagir avec les appareils HID connectés Cette API permet d'accéder aux opérations HID depuis une application. À l'aide de cette API, les applications peuvent fonctionner comme pilotes de périphériques matériels. Les
chrome.sockets.tcpServer
Utilisez l'API chrome.sockets.tcpServer pour créer des applications de serveur à l'aide de connexions TCP. Cette API remplace la fonctionnalité TCP précédemment disponible dans l'API chrome.socket. Les clés suivantes doivent être déclarées dans le
chrome.system.network
Utilisez l'API chrome.system.network. chaîne Adresse IPv4/6 disponible. chaîne Nom sous-jacent de l'adaptateur. Pour *nix, il s'agit généralement de "eth0", "wlan0", etc. Nombre La longueur du préfixe Récupère des informations sur les adaptateurs
chrome.app.window
Utilisez l'API chrome.app.window pour créer des fenêtres. Les fenêtres disposent d'un cadre facultatif avec une barre de titre et des contrôles de taille. Ils ne sont associés à aucune fenêtre du navigateur Chrome. Consultez l' exemple d'état de
chrome.fileSystem
Utilisez l'API chrome.fileSystem pour créer, lire, parcourir et écrire dans le système de fichiers local de l'utilisateur. Grâce à cette API, les applications Chrome peuvent lire et écrire dans l'emplacement sélectionné par l'utilisateur. Par
chrome.mediaGalleries
Utilisez l'API chrome.mediaGalleries pour accéder aux fichiers multimédias (audio, images, vidéo) à partir des disques locaux de l'utilisateur (avec son consentement). chaîne booléen chaîne Identifie la galerie modifiée. GalleryChangeType Type
Journalisation
Par défaut, ChromeDriver n'enregistre que les avertissements et les erreurs sur stderr. Lors du débogage les problèmes de journalisation, il est utile d'activer une journalisation plus détaillée. Pour activer la journalisation détaillée, il vous
Premiers pas avec ChromeDriver
Cette page explique comment commencer à utiliser ChromeDriver pour tester votre site Web sur de bureau (Windows/Mac/Linux). Vous pouvez également consulter Premiers pas avec Android ou Premiers pas avec ChromeOS ChromeDriver est un exécutable
Extensions Chrome
Les extensions Chrome peuvent être empaquetées ou non empaquetées. Pour empaqueter une extension non empaquetée, utilisez le bouton "Pack" dans chrome://extensions ou utiliser Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension
Chrome 129 bêta
Consultez cet article pour avoir un aperçu de la prochaine version de Chrome et des fonctionnalités de la version bêta actuelle.
- Chrome
Personnalisez vos données de performances avec l'API d'extensibilité
Personnaliser les données de performances avec l'API d'extensibilité
- Outils pour les développeurs Chrome
chrome.browsingData
Utilisez l'API chrome.browsingData pour supprimer les données de navigation du profil local d'un utilisateur. Vous devez déclarer l'autorisation "browsingData" dans le fichier manifeste de l'extension pour utiliser cette API. Le cas d'utilisation le
- Extensions Chrome
chrome.system.memory
L'API chrome.system.memory Nombre Quantité de capacité disponible, en octets. Nombre Quantité totale de la capacité de mémoire physique, en octets. Obtenir des informations sur la mémoire physique function facultatif Le paramètre callback se présente
- Extensions Chrome
chrome.desktopCapture
L'API Desktop Capture capture le contenu de l'écran, des fenêtres ou des onglets individuels. Énumération utilisée pour définir l'ensemble des sources multimédias pour ordinateur de bureau utilisées dans chooseDesktopMedia(). "écran" "fenêtre"
- Extensions Chrome
chrome.dns
Utilisez l'API chrome.dns pour la résolution DNS. Pour utiliser cette API, vous devez déclarer l'autorisation "dns" dans le fichier manifeste. Le code suivant appelle resolve() pour récupérer l'adresse IP de example.com. service-worker.js: chaîne
- Extensions Chrome
chrome.documentScan
Utilisez l'API chrome.documentScan pour découvrir et récupérer des images à partir des scanners de documents associés. L'API Document Scan est conçue pour permettre aux applications et aux extensions d'afficher les le contenu d'un document papier
- Extensions Chrome
Référence de l'API
Documentation de référence complète sur toutes les API disponibles pour les extensions Chrome. Cela inclut les API de la plate-forme d'applications Chrome, devenue obsolète, ainsi que les API encore en version bêta et en développement.
- Extensions Chrome
Chrome DevTools
Déboguez et optimisez vos applications Web à l'aide des outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
Chrome 128
Le déploiement de Chrome 128 commencera le 20 août 2024, avec la propriété CSS ruby-align, Promise.try et bien d'autres.
- Chrome
Phase d'évaluation de l'API File System Observer
L'équipe Chrome teste une nouvelle API File System Observer qui informe les développeurs des modifications apportées au système de fichiers.
- Chrome
Nouveautés de WebGPU (Chrome 128)
Expérimenter avec des sous-groupes, abandon de la définition du biais de profondeur pour les lignes et les points, masquage de l'avertissement des outils de développement en cas d'erreur non capturée si preventDefault, interpolation de l'échantillonnage WGSL en premier, et plus encore, etc.
- Chrome
- WebGPU
Créer une application avec WebGPU
Découvrez comment créer une application avec des GPU Web pour le Web et des plates-formes spécifiques.
Nouveautés de Chrome 128
Le déploiement de Chrome 128 est en cours. L'affichage amélioré des éléments Ruby avec des sauts de ligne a été amélioré. Promise.try a été en mesure de lancer les chaînes Promise plus facilement. L'interface PointerEvent a été étendue pour identifier de façon unique les différents stylos, et il y en a bien d'autres, et bien d'autres encore. Adriana Jara vous explique en détail les nouveautés de Chrome 128 pour les développeurs.
- Chrome
Multimédia: afficher et déboguer les informations des lecteurs multimédias
Utilisez le panneau multimédia pour afficher des informations et déboguer les lecteurs multimédias par onglet du navigateur.
- Outils pour les développeurs Chrome
Améliorer les performances de l'accessibilité Chromium
Post d'Ahmed Elwasefi expliquant comment il est devenu contributeur Chromium grâce au Google Summer of Code.
- Chrome
chrome.alarms
Utilisez l'API chrome.alarms pour planifier l'exécution du code à intervalles réguliers ou à une heure spécifique. Pour utiliser l'API chrome.alarms, déclarez l'autorisation "alarms" dans le fichier manifeste: Les exemples suivants montrent comment
- Extensions Chrome
chrome.contextMenus
Utilisez l'API chrome.contextMenus pour ajouter des éléments au menu contextuel de Google Chrome. Vous pouvez choisir les types d'objets auxquels s'appliquent les éléments du menu contextuel, tels que des images, des liens hypertexte et des pages.
- Extensions Chrome
chrome.debugger
L'API chrome.debugger sert de moyen de transport alternatif pour le protocole de débogage à distance de Chrome. Utilisez chrome.debugger pour associer un ou plusieurs onglets afin d'instrumenter l'interaction réseau, de déboguer JavaScript, de
- Extensions Chrome
chrome.audio
L'API chrome.audio permet aux utilisateurs d'obtenir des informations sur les appareils audio connectés au système et de les contrôler. Cette API n'est actuellement disponible qu'en mode Kiosque pour ChromeOS. chaîne Nom de l'appareil. DeviceType
- Extensions Chrome
chrome.declarativeContent
Utilisez l'API chrome.declarativeContent pour effectuer des actions en fonction du contenu d'une page, sans avoir besoin d'autorisation pour en lire le contenu. Declarative Content API vous permet d'activer l'action de votre extension en fonction de
- Extensions Chrome
chrome.commands
Utilisez l'API des commandes pour ajouter des raccourcis clavier qui déclenchent des actions dans votre extension, par exemple une action pour ouvrir l'action du navigateur ou envoyer une commande à l'extension. Les clés suivantes doivent être
- Extensions Chrome
chrome.browsingData
Utilisez l'API chrome.browsingData pour supprimer les données de navigation du profil local d'un utilisateur. Vous devez déclarer l'élément "browsingData" dans le fichier manifeste de l'extension pour utiliser cette API. Le cas d'utilisation le plus
- Extensions Chrome
API File System Access: simplifier l'accès aux fichiers locaux
L'API File System Access permet aux développeurs de créer des applications Web performantes qui interagissent avec les fichiers de l'appareil local de l'utilisateur, telles que des IDE, des éditeurs de photos et de vidéos, des éditeurs de texte, etc. Une fois qu'un utilisateur a accordé l'accès à une application Web, cette API lui permet de lire ou d'enregistrer des modifications directement dans les fichiers et les dossiers de son appareil.
API Summarization disponible en preview anticipée
Les participants au programme EPP peuvent désormais créer des prototypes avec l'API de synthèse pour Gemini Nano dans Chrome.
- Chrome
Faire défiler les événements d'ancrage
Présentation de deux nouveaux événements JavaScript : "défilerSnapChange" et "défilerSnap" :
- Chrome
Tester la mesure des navigations douces
L'équipe Chrome s'efforce de mieux mesurer les navigations dites douces utilisées par les applications monopages. Une nouvelle API est désormais disponible derrière un indicateur permettant aux sites de tester cette fonctionnalité.
4 façons d'effectuer des captures d'écran avec les outils de développement
Découvrez quatre façons uniques de faire des captures d'écran avec les outils de développement.
- Outils pour les développeurs Chrome
- Chrome
WebDriver BiDi prêt pour la production dans Firefox, Chrome et Puppeteer
Puppeteer 23 offre une compatibilité stable avec Firefox 129 et versions ultérieures, en offrant une API unifiée pour l'automatisation Chrome et Firefox, basée sur WebDriver BiDi.
- Chrome
Nouveautés des outils de développement, Chrome 128
Les insights de la console sont disponibles en Europe, le canal réseau et l'API améliorés pour personnaliser les canaux dans le panneau "Performances", et plus encore.
- Chrome
- Outils pour les développeurs Chrome
Blog
Dernières actualités de l'équipe Chrome Developer Relations
- Chrome
Participez à l'expérience sur l'IA intégrée de Chrome
Informations sur l'IA intégrée, l'API Prompt et les forfaits d'IA de Chrome.
- Chrome
Mises à jour de l'expérience utilisateur pour les clés d'accès dans Chrome sur Android
Chrome sur Android intègre désormais le Gestionnaire d'identifiants, ce qui permet aux gestionnaires de mots de passe tiers de fournir des clés d'accès sur Android 14 et versions ultérieures
- Chrome
Noms CSS définis par l'auteur et Shadow DOM: dans les spécifications et dans la pratique
Explication de l'état d'interopérabilité actuel des noms définis par l'auteur utilisés dans le Shadow DOM en CSS
Au-delà des expressions régulières: amélioration de l'analyse des valeurs CSS dans les outils pour les développeurs Chrome
Découvrez comment l'équipe DevTools a amélioré la présentation des styles dans l'onglet "Styles".
- Chrome
Automatisation avec WebDriver BiDi désormais disponible dans BrowserStack
BrowserStack est compatible avec WebDriver BiDi. Améliorez vos tests Selenium Grid grâce à l'automatisation basée sur les événements.
- Chrome
Chargement des pages plus rapide grâce à l'utilisation du temps de réflexion du serveur avec les premiers conseils
Découvrez comment votre serveur peut envoyer au navigateur des indications concernant les sous-ressources critiques.
API CrUX
Découvrez comment créer des requêtes vers l'API CrUX et analyser ses réponses.
- Rapport d'expérience utilisateur Chrome
API CrUX History
Découvrez comment interroger les tendances historiques de CrUX sur les six derniers mois à l'aide de l'API CrUX History.
- Rapport d'expérience utilisateur Chrome
<ruby> avec possibilité de saut de ligne et la propriété CSS "ruby-align"
Élément ruby scissable et propriété CSS ruby-align
- Chrome
Panneau "Network" (Réseau) : analyser la charge du réseau et les ressources
Analyser la charge du réseau et les ressources
- Outils pour les développeurs Chrome
Chrome 128 bêta
Consultez cet article pour avoir un aperçu de la prochaine version de Chrome et des fonctionnalités de la version bêta actuelle.
- Chrome
Chrome 127
Le déploiement de Chrome 127 commencera le 23 juillet 2024. Il comprendra la fonctionnalité d'ajustement de la taille de la police CSS, les conteneurs de défilement sélectionnables au clavier et bien d'autres fonctionnalités.
- Chrome
Nouveautés de Chrome 127
Chrome 127 est en cours de déploiement ! Grâce à la prise en charge de font-size-adjust, les activations utilisateur sont propagées dans l'API Document Picture-in-picture, les conteneurs de défilement sélectionnable au clavier et bien d'autres encore. Adriana Jara vous explique en détail les nouveautés de Chrome 127 pour les développeurs.
- Chrome
Nouveautés de WebGPU (Chrome 127)
Compatibilité expérimentale avec OpenGL ES sur Android, attribut d'informations GPUAdapter, améliorations de l'interopérabilité de WebAssembly, etc.
- Chrome
- WebGPU
Chrome aide les utilisateurs à installer les applications qu'ils apprécient
Les recherches internes sur l'expérience utilisateur de Chrome montrent que de nombreuses personnes apprécient d'installer des applications Web. Voici quelques-uns de ses avantages: Chrome et les développeurs Web peuvent vous aider de différentes
- Chrome
Demande de commentaires de développeurs sur le flux de lecture et les éléments avec affichage: contenus
Aidez-nous à vérifier que le flux de lecture répond à vos besoins.
- Chrome
Documentation de référence sur les fonctionnalités réseau
Référence complète sur les fonctionnalités du panneau Chrome DevTools Network.
- Outils pour les développeurs Chrome
Préférences
Documentation de référence sur l'onglet "Préférences".
- Outils pour les développeurs Chrome
Panneau "Enregistreur" : enregistrer et mesurer le parcours utilisateur
Analyser et enregistrer les flux utilisateur
- Outils pour les développeurs Chrome
Idées reçues sur les transitions de vue
Alors que de plus en plus de personnes s'intéressent à l'API View Transition, il est temps de réfuter certaines idées reçues.
- Chrome
Que se passe-t-il avec les extensions Chrome ?
Voici un aperçu des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extension intéressantes à venir pour les développeurs.
- Extensions Chrome
- Chrome
Extensions Chrome: mises à jour importantes apportées aux règles
Cette annonce inclut une série de mises à jour de la page du règlement du programme pour les développeurs conçues pour encourager le développement de produits de haute qualité, prévenir les comportements trompeurs et garantir le consentement éclairé de l'utilisateur.
- Chrome
- Extensions Chrome
Nouveautés des outils de développement, Chrome 127
Positionnement de l'ancrage CSS dans les éléments, amélioration de l'option "Ne jamais mettre en pause ici" dans les sources, nouveaux écouteurs d'événements d'ancrage de défilement, mises à jour des préréglages de limitation de bande passante réseau, etc.
- Outils pour les développeurs Chrome
- Chrome
Mode d'inspection: analyser rapidement les propriétés des éléments
Inspecter les éléments de votre application Web
- Outils pour les développeurs Chrome
Documentation de référence sur les fonctionnalités de performances
Une référence sur toutes les façons d'enregistrer et d'analyser les performances dans les outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
L'API Long Animation Frame est désormais disponible
L'API Long Animation Frame (LoAF) est disponible depuis Chrome 123. Nous avons également mis à jour nos outils et nos conseils pour vous aider à tirer le meilleur parti de cette nouvelle API.
- Chrome
Lancement des Trusted Types sur YouTube
YouTube renforce la sécurité de sa plate-forme grâce aux Trusted Types pour empêcher les attaques par script intersites, mais cela peut avoir un impact sur votre extension.
- Chrome
- Extensions Chrome
Évitez une taille de DOM excessive
Découvrez comment un grand DOM peut réduire les performances de votre page Web et comment réduire sa taille au moment du chargement.
Prérendu des pages dans Chrome pour la navigation instantanée sur les pages
L'équipe Chrome a réfléchi à des options permettant de rétablir le prérendu complet des futures pages auxquelles les utilisateurs sont susceptibles d'accéder.
Les coulisses du Chrome Web Store: poser des questions à la fiabilité et à la sécurité
Nous avons rencontré l'équipe chargée des examens du Chrome Web Store.
- Chrome
- Extensions Chrome
Performances maximales des bases de données indexées avec les buckets de stockage
L'équipe Chrome a apporté un certain nombre d'améliorations liées aux performances à l'implémentation d'IndexedDB (IDB).
- Chrome
Chrome 127 bêta
Testez les dernières fonctionnalités de Chrome en téléchargeant la version bêta.
- Chrome
Mettre en cache les modèles d'IA dans le navigateur
Pour accélérer les futurs lancements de vos applications basées sur l'IA, mettez explicitement en cache les données du modèle sur l'appareil.
Nouveautés de WebGPU (Chrome 126)
Augmentation de la limite maxTextureArrayLayers, optimisation de l'importation de tampon pour le backend Vulkan, amélioration du temps de compilation du nuanceur, les tampons de commande envoyés doivent être uniques et les mises à jour de Dawn
- Chrome
- WebGPU
Phase d'évaluation pour un nouvel élément HTML "permission>"
L'équipe Chrome teste un nouvel élément HTML déclaratif "permission>" pour demander à l'utilisateur d'accéder à des fonctionnalités puissantes.
- Chrome
Nouveautés CSS et UI Web: récapitulatif I/O 2024
Lisez toutes les annonces de Google I/O 2024 concernant les CSS et l'interface utilisateur Web.
- Chrome
Nouveautés de Chrome 126
Chrome 126 est en cours de déploiement ! Grâce à la prise en charge des transitions entre documents dans l'API ViewTransitions, l'API CloseWatcher a été réactivée, le déclencheur a été rythmé pour l'API Gamepad, et il y en a beaucoup d'autres, et bien plus encore. Adriana Jara possède toutes les informations nécessaires sur les nouveautés pour les développeurs dans Chrome 126.
- Chrome
Chrome 126
Chrome 126 commencera à être déployé le 11 juin 2024 avec des transitions d'affichage de plusieurs documents, la réactivation de l'API CloseWatcher, le déclencheur-rumble pour l'API Gamepad, et bien plus encore.
- Chrome
Abandon de l'événement "unload"
L'événement "unload" sera progressivement abandonné à partir de la version 117 de Chrome. Découvrez ce que cela implique et comment les sites et les entreprises peuvent s'y préparer
3 nouvelles fonctionnalités pour personnaliser vos workflows de performances dans les outils de développement
Découvrez les dernières fonctionnalités qui vous aideront à désencombrer le panneau "Performances" et à vous concentrer sur les informations dont vous avez le plus besoin.
- Chrome
- Outils pour les développeurs Chrome
Surveillance des protocoles: afficher et envoyer des requêtes CDP
Surveillez les requêtes et les réponses CDP.
- Outils pour les développeurs Chrome
Chrome UX Report
Documentation technique sur les métriques CrUX.
- Rapport d'expérience utilisateur Chrome
Analyser les performances du sélecteur CSS lors des événements "Recalculer le style"
Analysez les performances du sélecteur CSS lors des événements "Recalculer le style".
- Outils pour les développeurs Chrome
Filtrage du contenu
Explication du filtrage de contenu et de la façon de l'aborder dans votre extension Chrome.
- Extensions Chrome
Ignorer l'examen pour les modifications éligibles apportées aux extensions
Nous sommes heureux d'annoncer le lancement d'une nouvelle fonctionnalité qui permettra aux développeurs d'ignorer le processus d'examen des modifications éligibles aux extensions Manifest V3 à l'aide de l'API Declarative Net Request.
- Chrome
N'a pas de tag avec la largeur ou l'échelle initiale
En savoir plus sur l'audit Lighthouse "Ne comporte pas de balise avec une largeur ou une échelle initiale"
Conditions du réseau: remplacer la chaîne user-agent
Découvrez comment émuler d'autres navigateurs à l'aide du panneau "Conditions du réseau".
- Outils pour les développeurs Chrome
Nouveautés des outils de développement, Chrome 126
Amélioration du mode de configuration du suivi, liste d'éléments à ignorer dans le graphique de flammes, réduction de 20 fois le processeur dans le panneau "Performances", et plus encore.
- Outils pour les développeurs Chrome
- Chrome
Déboguer JavaScript
Découvrez comment identifier et corriger les bugs JavaScript à l'aide des outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
Extensions Google Chrome à la conférence Google I/O 2024
La conférence Google I/O est derrière nous, et nous avons passé en revue toutes les nouveautés intéressantes concernant les extensions.
- Chrome
Déboguer les règles de spéculation avec les outils pour les développeurs Chrome
Découvrez les fonctionnalités des outils pour les développeurs Chrome qui permettent de déboguer les règles de spéculation utilisées pour le préchargement et le prérendu des futures navigations sur les pages.
- Outils pour les développeurs Chrome
Panneau de source rapide
afficher les fichiers sources et avoir accès à d'autres outils ;
- Outils pour les développeurs Chrome
Encourager les avis utiles sur les produits grâce à l'IA Web côté client
L'atelier de programmation suivant propose l'IA côté client. Aucune connaissance en développement d'IA, aucun serveur ni aucune clé API ne sont requis.
Évaluer des avis sur des produits avec l'IA
L'IA intégrée à l'appareil est la dernière offre qui permet de proposer des modèles puissants aux utilisateurs, tout en protégeant les données sensibles et en améliorant la latence.
Améliorations de WebAssembly et WebGPU pour une IA Web plus rapide, partie 1
Partie 1/2. Découvrez comment les améliorations de WebAssembly et de WebGPU améliorent les performances du machine learning sur le Web.
- Chrome
Nouveautés des frameworks JavaScript (mai 2024)
Ce document présente brièvement les événements récents dans l'écosystème des frameworks JavaScript.
- Chrome
Panneau Performance Monitor
Analysez les performances d'exécution de votre site Web en temps réel.
- Outils pour les développeurs Chrome
Chrome 126 bêta
La version bêta de Chrome 126 inclut des transitions d'affichage entre les documents, ainsi que l'extension de déclencheur-rumble de l'API Gamepad et d'autres fonctionnalités.
- Chrome
Améliorations apportées à WebAssembly et WebGPU pour une IA Web plus rapide, partie 2
Partie 2/2. Découvrez comment les améliorations apportées à WebAssembly et WebGPU améliorent les performances du machine learning sur le Web.
- Chrome
- 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.
- Chrome
Résumé de la conférence I/O de 2024 sur l'IA sur le Web: nouveaux modèles, outils et API pour votre prochaine application Web
Récapitulez l'IA sur le Web lors de la conférence Google I/O 2024. Découvrez les nouveaux modèles, outils et API pour votre prochaine application Web.
- Chrome
- WebGPU
Compatibilité SVG pour l'API Async Clipboard
L'API Async Clipboard est désormais compatible avec les images SVG.
- Chrome
Présentation de la compatibilité UIA sous Windows
À partir de Chrome 126, le framework Windows UI Automation est pris en charge.
- Chrome
Quand choisir l'IA côté client ?
L'IA côté client est la dernière offre permettant de proposer des modèles puissants aux utilisateurs, tout en protégeant les données sensibles et en améliorant la latence.
Astuces concernant les outils de développement: Remplacer et simuler des réponses réseau
Découvrez comment remplacer et simuler des réponses réseau avec les outils de développement.
- Outils pour les développeurs Chrome
- Chrome
10 actualités Google I/O 2024: libérer la puissance de l'IA pour tous les développeurs Web
Découvrez des fonctionnalités intéressantes dans le discours d'ouverture et les sessions pour les développeurs Google I/O.
- Chrome
Nouveautés de Chrome 125
Chrome 125 est en cours de déploiement ! Avec l'API CSS Anchor Positioning, l'API Compute Pressure, l'extension de l'API Storage Access et bien d'autres nouveautés. Adriana Jara possède toutes les informations nécessaires sur les nouveautés pour les développeurs dans Chrome 125.
- Chrome
Remplacer localement le contenu Web et les en-têtes de réponse HTTP
Utilisez des forçages locaux pour simuler des ressources distantes et conserver les modifications apportées dans les outils de développement pour tous les chargements de page.
- Outils pour les développeurs Chrome
Chrome 125
Chrome 125 commencera à être déployé le 14 mai 2024 avec le positionnement de l'ancrage CSS, l'API Compute Pressure, les nouvelles fonctionnalités de référence et bien d'autres fonctionnalités.
- Chrome
Comment Spotify a utilisé l'API Picture-in-picture pour créer son lecteur réduit Spotify
Découvrez comment Spotify Miniplayer est passé d'un "piratage du canevas" à une expérience optimisée grâce à l'API Document Picture-in-picture.
- Chrome
Présentation de l'API de positionnement de l'ancrage CSS
Positionnez les éléments les uns par rapport aux autres à l'aide de la nouvelle API de positionnement de l'ancrage.
- Chrome
Mieux comprendre les erreurs et les avertissements grâce aux insights de la console
Gemini vous permet de mieux comprendre les erreurs et les avertissements dans la console.
- Outils pour les développeurs Chrome
Outils de Chrome pour des tests automatisés fluides
Brève présentation de Puppeteer, Chrome sans interface graphique et Chrome for Testing, ainsi que d'autres ressources de l'équipe des outils Chrome.
- Chrome
Implémenter des tests dans votre entreprise avec Chrome
Découvrez comment relever les défis liés aux tests dans les environnements d'entreprise
- Chrome
Nouveautés des outils de développement, Chrome 125
Causes d'erreurs dans la console, statistiques du sélecteur CSS dans "Performances", en-têtes d'indices anticipés dans le réseau, etc.
- Outils pour les développeurs Chrome
- Chrome
Pourquoi les fonctionnalités CSS et UI sont-elles importantes pour votre site d'e-commerce ?
Découvrez comment les sites d'e-commerce tirent parti des dernières fonctionnalités CSS et UI : transitions de vues, animations liées au défilement, API Popover, etc.
- Chrome
Consulter les études de cas sur les transitions
redBus, Policybazaar et Tokopedia utilisent tous l'API View Transition et bénéficient de meilleures performances et d'une interface utilisateur fluide.
- Chrome
Études de cas sur les animations liées au défilement
Découvrez les avantages des animations liées aux défilements avec Policybazaar, redBus et Tokopedia.
- Chrome
Nouveautés de WebGPU (Chrome 125)
Sous-groupes en cours de développement et rendus sur une tranche de texture 3D.
- Chrome
- WebGPU
Études de cas :has()
Découvrez comment Policybazaar et Tokopedia tirent profit de l'utilisation de :has().
- Chrome
Études de cas sur les requêtes de conteneur
Découvrez les avantages des requêtes de conteneur de redBus et Tokopedia.
- Chrome
Découvrez "Exploiter tout le potentiel des animations basées sur le défilement"
Cours vidéo en 10 parties pour tout savoir sur les animations liées au défilement
- Chrome
Autre proposition pour la maçonnerie CSS
Proposition de définition de la maçonnerie et de la grille selon différentes spécifications.
- Chrome
Présentation de WebGPU
WebGPU permet d'obtenir des graphismes 3D hautes performances et des calculs avec parallélisme des données sur le Web.
- WebGPU
Manifeste : version minimale de Chrome
Documentation de référence sur la propriété minimum_chrome_version de manifest.json.
- Extensions Chrome
Études de cas Popover
Tokopedia utilise l'API Popover pour réduire la quantité de code dans son application.
- Chrome
L'essai d'abandon de l'accès au réseau privé pour les contextes non sécurisés s'achève : implémentez l'invite d'autorisation PNA
Pour accéder aux appareils d'un réseau privé à partir d'un site Web qui ne peut pas être converti en HTTPS, vous devez utiliser des invites d'autorisation pour assouplir les vérifications de contenu mixte.
- Chrome
Faire défiler et zoomer sur un onglet capturé
L'API Captured Surface Control permet aux applications Web de faire défiler et de faire un zoom sur les onglets capturés.
WebAudio: afficher les métriques de l'API WebAudio
Afficher les métriques de l'API WebAudio dans le panneau WebAudio
- Outils pour les développeurs Chrome
Fichier manifeste - Jetons d'essai
Documentation de référence sur la propriété "trial_tokens" du fichier manifest.json.
- Extensions Chrome
Chrome 125 bêta
Positionnement de l'ancrage CSS, fonctions en escalier CSS, API Compute Pressure et bien plus.
- Chrome
Que se passe-t-il avec les extensions Chrome ?
Voici un aperçu des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extension intéressantes à venir pour les développeurs.
- Extensions Chrome
- Chrome
Animations: inspectez et modifiez les effets d'animation CSS
Inspectez et modifiez des animations à l'aide du panneau "Animations".
- Outils pour les développeurs Chrome
Phase d'évaluation pour les API pliables
Les API Foldable sont deux API de Chrome conçues pour aider les développeurs à cibler les appareils pliables.
- Chrome
Les transitions de page n'ont pas l'impression d'être bloquées sur le réseau
Découvrez comment rendre les transitions entre les pages Web plus réactives, même sur un réseau lent.
Ne redirige pas le trafic HTTP vers HTTPS
Découvrez comment renforcer la sécurité de votre site en redirigeant toutes les pages vers le protocole HTTPS.
Écran de démarrage personnalisé non disponible
Découvrez comment créer un écran de démarrage personnalisé pour votre progressive web app.
N'enregistre pas de service worker contrôlant la page et le champ start_url
Découvrez comment enregistrer un service worker compatible avec les fonctionnalités des progressive web apps, comme le fonctionnement hors connexion, les notifications push et l'installation.
Le champ start_url ne répond pas par 200 en mode hors connexion.
Découvrez comment configurer le paramètre start_url de votre progressive web app pour qu'elle soit accessible hors connexion.
Le chargement de la page n'est pas assez rapide sur les réseaux mobiles
Découvrez comment accélérer le chargement de votre page Web sur les réseaux mobiles.
Nouveautés de Chrome 124
Chrome 124 est en cours de déploiement ! Deux nouvelles API permettent d'utiliser le Shadow DOM déclaratif à partir de JavaScript. Vous pouvez utiliser des flux dans WebSockets. Les transitions de visionnage ont été améliorées. Et ce n'est pas tout. Pete LePage contient toutes les informations sur les nouveautés pour les développeurs dans Chrome 124.
- Chrome
La taille du contenu n'est pas correcte pour la fenêtre d'affichage
Découvrez comment dimensionner le contenu de votre page Web pour qu'il s'adapte aux écrans mobiles.
Saisie automatique: inspecter et déboguer les adresses enregistrées
Inspectez et déboguez les adresses enregistrées dans Chrome à l'aide du panneau de saisie automatique.
- Outils pour les développeurs Chrome
Le site fonctionne sur plusieurs navigateurs
Découvrez comment utiliser Workbox pour vous assurer que votre page Web fonctionne dans tous les navigateurs.
Le fichier manifeste de l'application Web ne respecte pas les exigences d'installation
Découvrez comment rendre votre progressive web app installable.
La page actuelle ne retourne pas de code 200 en mode hors connexion
Découvrez comment faire fonctionner votre progressive web app hors connexion.
Ne fournit pas d'icône Apple Touch valide
Découvrez comment choisir l'icône que votre progressive web app doit afficher sur les écrans d'accueil iOS.
N'utilise pas HTTPS
Découvrez comment protéger votre site Web à l'aide du protocole HTTPS.
Limitation
Documentation de référence de l'onglet sur la limitation.
- Outils pour les développeurs Chrome
L'accès aux appareils MIDI nécessite désormais l'autorisation de l'utilisateur
Chrome protège désormais l'ensemble de l'API Web MIDI derrière une invite d'autorisation.
- Chrome
Chrome 124
Le déploiement de Chrome 124 commencera le 16 avril 2024 avec setHTMLUnsafe, des flux dans WebSockets et bien d'autres fonctionnalités.
- Chrome
Ne fournit pas de contenu de remplacement lorsque JavaScript n'est pas disponible
Découvrez comment vous assurer que les utilisateurs peuvent afficher au moins une partie du contenu sur votre page Web lorsque JavaScript n'est pas disponible.
Ne définit pas de couleur de thème pour la barre d'adresse
Découvrez comment définir une couleur de thème de barre d'adresse pour votre progressive web app.
Chaque page a une URL
En savoir plus sur l'audit Lighthouse (chaque page est associée à une URL)
Le fichier manifeste ne comporte pas d'icône masquable
Découvrez comment rendre votre PWA compatible avec les icônes masquables.
Transitions d'affichage entre les documents pour les applications multipages
Faites vos premiers pas avec les transitions d'affichage de plusieurs documents à utiliser dans votre application multipage (MPA).
Transitions fluides avec l'API View Transition
L'API View Transition vous permet d'ajouter des transitions entre les vues d'un site Web.
Amusant et puissant: présentation des outils pour les développeurs Chrome
Découvrez comment les outils de développement peuvent améliorer le développement de vos applications Web.
- Chrome
- Outils pour les développeurs Chrome
Guides CrUX
Apprenez à utiliser CrUX grâce à des guides faciles à suivre
- Rapport d'expérience utilisateur Chrome
Types de navigation désormais disponibles dans CrUX
Découvrez la nouvelle métrique "navigation_types" dans le rapport d'expérience utilisateur Chrome, et comment l'utiliser pour expliquer et optimiser vos métriques de performances Web.
- Chrome
CrUX dans BigQuery
Découvrez la structure de l'ensemble de données CrUX dans BigQuery.
- Rapport d'expérience utilisateur Chrome
Afficher les données du rapport d'expérience utilisateur Chrome dans PageSpeed Insights
PageSpeed Insights (PSI) est un outil permettant aux développeurs Web de comprendre les performances d'une page et de savoir comment les améliorer. Dans ce guide, découvrez comment utiliser PSI pour extraire des insights de l'expérience utilisateur CrUX et mieux comprendre l'expérience utilisateur.
- Rapport d'expérience utilisateur Chrome
Rollbacks de version dans le tableau de bord du développeur du Chrome Web Store
Cette semaine, nous sommes heureux de lancer une nouvelle fonctionnalité qui permet aux développeurs de revenir à la version précédente de leurs extensions publiées sur le Chrome Web Store. Notre objectif est de rassurer les développeurs lorsqu'ils
- Chrome
- Extensions Chrome
Nouveautés de WebGPU (Chrome 124)
Prise en charge des textures de stockage en lecture seule et en lecture/écriture, des service workers et des workers partagés, de nouveaux attributs d'informations sur les adaptateurs et des corrections de bugs.
- Chrome
- WebGPU
Assurez-vous que le texte reste visible pendant le chargement des polices Web
Découvrez comment utiliser l'API font-display pour que le texte de votre page Web soit toujours visible par vos utilisateurs.
Nouveautés des outils de développement, Chrome 124
Prise en charge des animations liées au défilement, nouveau panneau de saisie automatique, nouvelles options pour WebRTC dans la limitation de bande passante réseau, et plus encore.
- Outils pour les développeurs Chrome
- Chrome
Suppression du Profileur JS, profilage du processeur à l'aide du panneau "Performances"
Découvrez comment profiler les performances du processeur, et pourquoi et comment nous abandonnons le profileur JavaScript.
- Chrome
API notRestoredReasons pour le cache amélioré
Indique si les images présentes dans le document ont été bloquées pour l'utilisation du cache amélioré lors de la navigation.
Profiler les performances de Node.js à l'aide du panneau "Performances"
Découvrez comment profiler les performances d'une application Node.js à l'aide du panneau "Performances".
- Outils pour les développeurs Chrome
La phase d'évaluation de l'intégration de WebAssembly JavaScript Promise (JSPI)
JavaScript Promise Integration (JSPI) est une API qui permet à un code séquentiel synchrone compilé dans WebAssembly d'accéder aux API Web asynchrones.
- Chrome
Phase d'évaluation de l'API fetchLater
Découvrez l'API fetchLater, désormais disponible dans une phase d'évaluation, une nouvelle API permettant de demander une récupération différée qui se terminera même si la page est fermée.
- Chrome
Requêtes réseau: tester votre site en bloquant les requêtes réseau
Testez la manière dont votre site gère les ressources manquantes.
- Outils pour les développeurs Chrome
Chrome 124 bêta
L'attribut HTML writesuggestions, l'API WebSocketStream, l'en-tête de requête HTTP prioritaire, etc.
- Chrome
Défilements sélectionnables au clavier
Une modification est en cours de déploiement afin de rendre les Scrollers sans valeur Tabindex définie et sans enfant sélectionnable au clavier.
- Chrome
Nouveautés de Chrome 123
Chrome 123 est en cours de déploiement ! Avec la nouvelle fonction claire/foncée, l'API Long Animation Frames, l'API Service Worker Static Routing, et bien d'autres fonctionnalités. Adriana Jara possède toutes les informations nécessaires sur les nouveautés pour les développeurs dans Chrome 123.
- Chrome
Accès au réseau privé: protection étendue pour les workers et les récupérations de données de navigation
Découvrez les principaux mécanismes de sécurité liés à l'accès au réseau privé pour les workers Web, les récupérations de navigation et les protections à venir. Ce document explique également ce que les propriétaires de sites Web doivent faire s'ils utilisent des réseaux privés.
- Chrome
Utiliser l'API Service Worker Static Routing pour contourner le service worker sur des chemins spécifiques
Découvrez comment utiliser cette nouvelle API, disponible depuis Chrome 123.
- Chrome
Outils d'optimisation des performances en 2024 et au-delà
Découvrez les projets de l'équipe Chrome concernant l'amélioration du panneau "Performances" des outils de développement.
- Chrome
- Outils pour les développeurs Chrome
Masquer les demandes d'extension et autres améliorations du panneau "Réseau"
Découvrez les dernières améliorations apportées au panneau Chrome DevTools Network afin de simplifier votre expérience de débogage Web.
- Outils pour les développeurs Chrome
- Chrome
Présentation du panneau "Elements"
Modifiez instantanément le DOM.
- Outils pour les développeurs Chrome
Nouveautés de WebGPU (Chrome 123)
Prise en charge des fonctions intégrées DP4a, des paramètres de pointeur sans restriction, du sucre syntaxique pour déréférencer des composites en WGSL, etc.
- Chrome
- WebGPU
Afficher et modifier le CSS
Découvrez comment utiliser les outils pour les développeurs Chrome afin d'afficher et de modifier le CSS d'une page.
- Outils pour les développeurs Chrome
Mettre en pause votre code avec des points d'arrêt
Découvrez toutes les méthodes permettant de suspendre votre code dans les outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
Appliquer d'autres effets: activer le thème sombre automatique, émuler la mise au point, etc.
Mettez en surbrillance les cadres d'annonces, émulez la sélection sur une page, désactivez les polices et les formats d'images locaux, activez un thème sombre automatique et émulez des déficiences visuelles.
- Outils pour les développeurs Chrome
Documentation de référence sur les fonctionnalités CSS
Découvrez de nouveaux workflows d'affichage et de modification des CSS dans les outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
Optimiser l'efficacité de la compression avec des dictionnaires partagés
La compression sur le Web bénéficie d'un gain important grâce à la compression de dictionnaires partagés. Découvrez en quoi elles consistent, comment elles fonctionnent et comment elles peuvent réduire considérablement les temps de chargement par rapport à la compression standard pour les ressources statiques et dynamiques sur le Web.
- Chrome
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.
- Chrome
Télécharger l'ancienne version de Chrome sans interface graphique
Vous pouvez désormais télécharger l'ancienne version de Chrome sans interface graphique en tant que binaire autonome pour chaque version de Chrome destinée aux utilisateurs.
- Chrome
Présentation du panneau "Application"
Obtenez des informations essentielles sur votre application Web directement depuis votre navigateur.
- Outils pour les développeurs Chrome
Rendre votre extension accessible
Pour de nombreux utilisateurs, l'accessibilité est littéralement l'interface utilisateur et ses fonctionnalités sont utiles à bien d'autres.
- Extensions Chrome
Présentation des nouveautés
Découvrez les dernières fonctionnalités des outils pour les développeurs Chrome
- Outils pour les développeurs Chrome
Améliorations apportées à l'API Speculation Rules
Informations sur les dernières mises à jour de l'API Speculation Rules, y compris la compatibilité avec les règles de document, les paramètres de portée, les limites et les règles de spéculation sur les plates-formes.
- Chrome
Internationalisation de l'interface
Utilisez l'API chrome.i18n pour afficher votre interface dans plusieurs langues.
- Extensions Chrome
Nouveautés des outils de développement (Chrome 123)
Œuf de Pâques, émulation de page ciblée dans "Elements" > Styles, nouvel audit Lighthouse, etc.
- Outils pour les développeurs Chrome
- Chrome
Extensions Chrome: parcours d'eyeo pour tester la suspension d'un service worker
Dans ce post, l'équipe Eyeo partage son parcours sur le problème des tests des service workers. en particulier comment s'assurer que les extensions Chrome fonctionnent correctement en cas de suspension d'un service worker.
- Chrome
- Extensions Chrome
Package Next.js permettant de gérer les bibliothèques tierces
Découvrez comment utiliser la bibliothèque @next/tiers pour optimiser le chargement des ressources tierces populaires
- Chrome
Prise en charge de "align-content" dans les mises en page de blocs et de tableaux
Dans Chrome 123, utilisez "align-content" pour aligner les éléments sans créer de conteneur flexible ou de grille.
- Chrome
Chrome 123 bêta
Fonction de couleur CSS light-dark(), align-content pour les blocs, la propriété field-sizing et l'événement pagereveal.
- Chrome
Nouveautés de Chrome 122
Chrome 122 est en cours de déploiement ! Avec la nouvelle API Storage Buckets, le panneau "Performances des outils de développement" a été mis à jour, une option non rectifiée permettant de lire le code HTML avec l'API Async Clipboard et bien d'autres nouveautés sont disponibles. Adriana Jara possède toutes les informations nécessaires sur les nouveautés pour les développeurs dans Chrome 122.
- Chrome
Simuler des appareils mobiles avec le mode Appareil
Utilisez des appareils virtuels en mode Appareil de Chrome pour créer des sites Web axés sur les mobiles.
- Outils pour les développeurs Chrome
Raccourcis clavier
Documentation canonique sur les raccourcis clavier des outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
Modifications apportées à l'héritage ::backdrop CSS
À partir de Chrome 122, l'élément "::backdrop" hérite des propriétés de son élément d'origine.
- Chrome
Configurer les icônes d'extension
Une extension nécessite au moins une icône pour la représenter dans la barre d'outils.
- Extensions Chrome
Panneau d'amélioration des performances 400% plus rapide grâce aux performances
Le panneau "Performances" des outils de développement est un outil performant qui permet de diagnostiquer, de déboguer et de résoudre les problèmes de performances des applications Web. À cette occasion, nous vous expliquerons comment nous avons utilisé le panneau "Performances" dans les outils de développement pour améliorer les performances du panneau lui-même, et comment nous avons obtenu une nette amélioration.
- Chrome
Chrome Extensions
À déterminer
- Extensions Chrome
Migrer vers Manifest V3
Guide de conversion des extensions Manifest V2 en extensions Manifest V3
- Extensions Chrome
Utiliser WebHID
L'API WebHID, qui expose sur le Web les appareils compatibles avec Human Interface Device (HID), est disponible dans les extensions.
- Extensions Chrome
Utiliser WebUSB
L'API WebUSB, qui expose sur le Web des appareils compatibles avec le bus universel en série (Universal Serial Bus, USB) non standard, est disponible dans des extensions.
- Extensions Chrome
Nouveautés de WebGPU (Chrome 122)
Mode de compatibilité en cours de développement, augmentation de la limite maxVertexAttributes et mises à jour de l'aube.
- Chrome
- WebGPU
Fichier manifeste – Content Security Policy
Documentation de référence sur les propriétés de la stratégie de sécurité du contenu de manifest.json.
- Extensions Chrome
Dimensionnement des champs CSS
Une ligne de code pour le dimensionnement automatique des éléments dont le contenu est modifiable.
Enregistrer des instantanés de segment de mémoire
Apprenez à enregistrer des instantanés de tas de mémoire avec le profileur de segments de mémoire et à détecter les fuites de mémoire.
- Outils pour les développeurs Chrome
chrome.runtime
Utilisez l'API chrome.runtime pour récupérer le service worker, renvoyer des informations sur le fichier manifeste, et écouter et répondre aux événements du cycle de vie de l'extension. Vous pouvez également utiliser cette API pour convertir le
- Extensions Chrome
Utiliser Web Push
Guide par étapes sur l'utilisation du push Web avec les extensions Chrome
- Extensions Chrome
Consignes concernant les avertissements concernant les autorisations
Fonctionnement des avertissements d'autorisation dans les extensions Chrome
- Extensions Chrome
Déclarer des autorisations
Présentation des valeurs valides pour la propriété des autorisations dans le fichier manifest.json.
- Extensions Chrome
Une nouvelle façon de créer des expériences d'édition Web personnalisées à l'aide de l'API EditContext
EditContext est une nouvelle API lancée dans Chrome et Edge qui aide les développeurs à créer des fonctionnalités d'édition de texte avancées dans le navigateur. Pour en savoir plus, lisez cet article.
- Chrome
Nouveautés des outils de développement (Chrome 122)
Avertissements de suppression progressive des cookies tiers dans les panneaux "Réseau" et "Application", débogage amélioré dans le panneau "Réseau", fils d'Ariane dans le panneau "Performances", etc.
- Outils pour les développeurs Chrome
- Chrome
Conseils concernant les outils de développement: déboguer les navigations spéculatives pour accélérer le chargement des pages
Accélérez la navigation sur le Web avec des chargements spéculatifs et découvrez comment les déboguer.
- Outils pour les développeurs Chrome
- Chrome
Répondre aux commandes
Permettent de répondre aux combinaisons de touches personnalisées dans une extension.
- Extensions Chrome
L'évaluation avant arrêt de SharedArrayBuffer sur ordinateur dans Chrome est étendue à Chrome 124
L'évaluation avant arrêt de SharedArrayBuffer sans isolation multi-origine sur les ordinateurs Chrome est prolongée jusqu'à Chrome 124.
- Chrome
Chrome 122 bêta
Dans la version bêta de Chrome 122, vous pouvez accéder à des assistants d'itérateur, définir des méthodes, utiliser l'API Storage Buckets, lire du code HTML non rectifié dans l'API Async Clipboard, et bien plus encore.
- Chrome
Personnaliser l'Enregistreur avec des extensions
Personnalisez et intégrez l'Enregistreur en installant des extensions.
- Outils pour les développeurs Chrome
Que se passe-t-il avec les extensions Chrome ?
Voici un aperçu des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extension intéressantes à venir pour les développeurs.
- Extensions Chrome
- Chrome
Nouveautés de Chrome 121
Chrome 121 est en cours de déploiement ! Avec des mises à jour CSS, des améliorations de l'API Speculation Rules, une phase d'évaluation pour l'API Element Capture et de nombreuses autres nouveautés. Adriana Jara possède toutes les informations nécessaires sur les nouveautés pour les développeurs dans Chrome 121.
- Chrome
Déclencher des actions depuis l'omnibox
Déclencher des actions depuis l'omnibox
- Extensions Chrome
Nouveautés de WebGPU (Chrome 121)
Prise en charge de WebGPU sur Android, utilisation de DXC pour la compilation de nuanceurs, requêtes d'horodatage dans les passes de calcul et de rendu, points d'entrée par défaut des modules de nuanceur, prise en charge de display-p3 en tant qu'espace colorimétrique GPUExternalTexture, informations sur les tas de mémoire, etc.
- Chrome
- WebGPU
Style de barre de défilement
Utilisez les propriétés "scrollbar-width" et "scrollbar-color" pour appliquer un style aux barres de défilement.
Accès sécurisé au DOM avec Angular SSR
Découvrez comment utiliser de façon sécurisée le DOM avec la fonctionnalité SSR dans Angular
- Chrome
Tester le Bluetooth Web avec Puppeteer
Utilisez Puppeteer pour tester les fonctionnalités qui utilisent l'API Web Bluetooth dans Chrome.
- Chrome
Utiliser Firebase Cloud Messaging (FCM) avec chrome.gcm
Guide par étapes sur l'utilisation de Firebase Messaging avec chrome.gcm
- Extensions Chrome
Optimiser les tests de modèles d'IA Web: GPU Web, WebGL et Chrome sans interface graphique
Découvrez nos solutions pour automatiser en permanence les tests des navigateurs et améliorer les performances des applications.
- Chrome
- WebGPU
Tests de modèles d'IA Web dans Google Colab
Découvrez comment tester des modèles d'IA côté client sur navigateur, tout en restant évolutifs, automatisables et dans une configuration matérielle standardisée.
- WebGPU
Mode d'écriture vertical CSS pour les éléments de contrôle de formulaire
Chrome ajoute une nouvelle fonctionnalité CSS internationale.
- Chrome
Implémenter une action
Répondez à un utilisateur qui clique sur la barre d'outils.
- Extensions Chrome
Autorisations persistantes pour l'API File System Access
Cet article explique comment gérer les autorisations persistantes pour l'API File System Access. Il fournit également un bref récapitulatif de l'état actuel du problème et des défis qui sont résolus.
- Chrome
Astuces DevTools: couleurs de création
Découvrez comment créer des couleurs en quelques clics.
- Outils pour les développeurs Chrome
- Chrome
Inspectez et déboguez les couleurs HD et non HD à l'aide du sélecteur de couleur
Découvrez comment utiliser le sélecteur de couleurs dans les éléments > Styles pour inspecter et déboguer les couleurs HD et non HD.
- Outils pour les développeurs Chrome
Conseils concernant les outils de développement: débogage de la priorité de récupération
Découvrez comment déboguer la priorité de récupération.
- Outils pour les développeurs Chrome
- Chrome
Mises à jour en temps réel dans les extensions
Gérer les mises à jour en temps réel dans les extensions
- Extensions Chrome
Extensions de champ d'application d'application Web
À partir de Chrome 122, vous pouvez vous abonner à la phase d'évaluation pour le membre du fichier manifeste de l'application scope_extensions, qui permet aux sites qui contrôlent plusieurs sous-domaines et domaines de premier niveau d'être présentés comme une seule application Web.
CSS text-wrap: balance
Une technique de typographie classique consistant à créer manuellement des retours à la ligne pour équilibrer les blocs de texte est désormais disponible dans CSS.
Exploitez toute la puissance de WebDriver BiDi: automatisation de Chrome et Firefox avec Puppeteer
Puppeteer communique avec Firefox ! 🎉 Mais attendez, mais n'est-ce pas déjà ? 🤔 Plongeons dans WebDriver BiDi, le nouveau protocole de Puppeteer, et découvrons ce que ce développement passionnant implique pour le workflow d'automatisation de Firefox.
- Chrome
Créer un menu contextuel
Implémentez un pop-up, qui est une fenêtre qui permet aux utilisateurs d'appeler les fonctionnalités d'extension.
- Extensions Chrome
Gérer les cas de non-respect du code hébergé à distance
Un service worker permet d'exécuter des extensions uniquement en cas de besoin, ce qui permet d'économiser des ressources.
- Extensions Chrome
Intents Android avec Chrome
Lancez des applications directement depuis une page Web avec un intent Android.
Quelles sont les performances des cadres modernes par rapport à la nouvelle métrique INP ?
Cet article traite de la pertinence de la nouvelle métrique INP pour les sites Web basés sur des frameworks et du travail d'Aurora pour soutenir les cadres d'optimisation de cette métrique.
Google Chrome sur Android
Pour obtenir la liste complète des fonctionnalités destinées aux développeurs dans Chrome sur Android, consultez chromestatus.com. Téléchargez Chrome sur le Play Store. Lorsque l'utilisateur se connecte à Chrome sur un appareil, les onglets et
Ajouter un pop-up
Implémentez un pop-up, qui est une fenêtre qui permet aux utilisateurs d'appeler les fonctionnalités d'extension.
- Extensions Chrome
Chrome active le mode ordinateur par défaut sur les tablettes premium
Chrome s'est adapté à l'écosystème des tablettes Android en activant le mode ordinateur par défaut sur les tablettes premium.
- Chrome
Accordéon exclusif
Crée un accordéon exclusif avec plusieurs éléments `` ayant le même nom.
Nouveautés des outils de développement (Chrome 121)
Prise en charge de @font-palette-values dans les éléments, amélioration de la prise en charge des cartes sources, amélioration des performances >, suivi des interactions, etc.
- Outils pour les développeurs Chrome
- Chrome
Nouveautés de WebGPU (Chrome 120)
Prise en charge des valeurs 16 bits à virgule flottante dans WGSL, augmentation des limites, changements d'état du pochoir de profondeur, mises à jour des informations sur les adaptateurs, etc.
- Chrome
- WebGPU
Nouveautés de WebGPU
Tenez-vous informé des dernières modifications apportées à WebGPU.
- WebGPU
Amélioration du partage d'onglet avec la capture de région
La plate-forme Web intègre désormais la capture de région, un moyen efficace et robuste pour recadrer une piste vidéo.
Code CSS enveloppé: 2023 !
2023 a été une année charnière pour les CSS ! Découvrez ce qui a été ajouté à Chrome et sur la plate-forme Web cette année.
- Chrome
Afficher, ajouter, modifier et supprimer les cookies
Découvrez comment afficher, ajouter, modifier et supprimer les cookies HTTP d'une page à l'aide des outils pour les développeurs Chrome.
- Outils pour les développeurs Chrome
Phase d'évaluation de l'invite d'autorisation d'accès au réseau privé: méthode permettant de migrer des sites Web avec HTTPS
Conformément à la spécification PNA (Private Network Access), Google Chrome abandonne l'accès aux points de terminaison du réseau privé depuis les sites Web publics non sécurisés.
- Chrome
Comment les outils pour les développeurs Chrome aident-ils à se défendre contre les attaques par auto-xsSS
Découvrez comment les outils pour les développeurs Chrome limitent les attaques auto-XSS en bloquant le collage de code pour les utilisateurs inexpérimentés des outils de développement.
- Outils pour les développeurs Chrome
- Chrome
Afficher les détails du cadre
Afficher les détails du frame.
- Outils pour les développeurs Chrome
Accéder aux serveurs locaux et aux instances Chrome avec le transfert de port
Hébergez un site sur le serveur Web d'une machine de développement, puis accédez au contenu depuis un appareil Android.
- Outils pour les développeurs Chrome
Nouveautés de Chrome 120
Le déploiement de Chrome 120 est en cours. Avec l'API CloseWatcher pour assurer une expérience cohérente lors du traitement des requêtes de fermeture, l'implémentation simple d'un modèle en accordéon avec l'élément de détails, des rapports de non-respect des règles d'autorisation sont désormais disponibles et bien d'autres fonctionnalités.
- Chrome
Conseils sur les outils de développement: déboguer le cache amélioré
Découvrez comment déboguer le cache amélioré et faire en sorte que votre page se charge instantanément.
- Chrome
- Outils pour les développeurs Chrome
Revoir les critères d'installation de Chrome
Dans les mois à venir, Chrome va effectuer des tests dans le but de simplifier les critères d'installation des applications, afin d'améliorer l'expérience des développeurs et des utilisateurs. Dans cet article, vous découvrirez les changements à venir et les raisons pour lesquelles nous effectuons ces tests.
- Chrome
Astuces pour les outils de développement: Qu'est-ce que le DOM ? HTML et DOM
Découvrez comment déboguer le DOM à l'aide des outils de développement.
- Outils pour les développeurs Chrome
- Chrome
Présentation de quatre nouvelles fonctionnalités internationales en CSS
Chrome ajoute quatre nouvelles fonctionnalités CSS internationales.
- Chrome
API Page Lifecycle
L'API Page Lifecycle apporte sur le Web des fonctionnalités de cycle de vie des applications courantes sur les systèmes d'exploitation mobiles. Les navigateurs peuvent désormais figer et supprimer les pages en arrière-plan en toute sécurité afin d'économiser les ressources, et les développeurs peuvent gérer ces interventions en toute sécurité sans nuire à l'expérience utilisateur.
Code HTML non rectifié dans l'API Async Clipboard
À partir de Chrome 120, une nouvelle option non rectifiée est disponible dans l'API Async Clipboard. Découvrez comment l'utiliser dans ce guide.
Liste d'éléments à ignorer
Référence de l'onglet "Liste d'éléments à ignorer"
- Outils pour les développeurs Chrome
Reprise de la transition vers Manifest V3
En décembre dernier, nous avons suspendu l'abandon prévu de la version V2 du fichier manifeste afin de prendre en compte les commentaires des développeurs et de proposer de meilleures solutions aux problèmes de migration. Nous avons donc apporté un
- Chrome
- Extensions Chrome
Picture-in-picture automatique pour les applications Web de visioconférence
Chrome permet aux applications Web de visioconférence de passer automatiquement en Picture-in-picture.
- Chrome
Amélioration du filtrage de contenu dans Manifest V3
Au cours de l'année écoulée, nous avons activement discuté avec les fournisseurs de plusieurs extensions de blocage de contenu sur les moyens d'améliorer la plate-forme d'extensions MV3. Sur la base de ces discussions, dont la plupart ont eu lieu
- Chrome
- Extensions Chrome
Nouveautés de la directive Angular NgOptimizedImage
Découvrez les nouvelles fonctionnalités incluses dans la directive Angular NgOptimizedImage, qui améliorent encore les performances des images dans les applications Angular.
- Chrome
Phase d'évaluation de l'API Service Worker Static Routing
Découvrez la première phase du routage statique des service workers (désormais en phase d'évaluation). Cette nouvelle API permet de spécifier de manière déclarative comment les routes doivent être traitées (ou non) par votre service worker.
- Chrome
Nouveautés des outils de développement (Chrome 120)
Problèmes de suppression progressive des cookies tiers signalés dans le panneau "Problèmes", outil d'analyse de la Privacy Sandbox pour les cookies, règlement efficace de Content Security dans le panneau "Applications", débogage amélioré des animations, liste améliorée des éléments à ignorer, etc.
- Outils pour les développeurs Chrome
- Chrome
Mise à jour de la syntaxe souple de l'imbrication CSS
L'imbrication avant la conversion est activée dans Chrome 120.
- Chrome
Capturer l'écosystème WebGPU
Découvrez comment l'écosystème WebGPU s'étend au-delà des domaines JavaScript, C+ et Rust.
- Chrome
- WebGPU
Modification du mode de durabilité par défaut dans IndexedDB
À partir de Chrome 121, le mode de durabilité dans IndexedDB passe du mode strict au mode assoupli.
- Chrome
Nouveautés de Chrome 120 pour les extensions
Résumé des modifications importantes apportées à Chrome 120 pour les développeurs d'extensions Chrome.
- Chrome
- Extensions Chrome
Chrome 120 bêta
Masquage CSS, règles assouplies d'imbrication CSS, création de modèles d'accordéon avec l'élément, action enterpictureinpicture pour l'API Media Session.
- Chrome
file_handlers
Documentation de référence sur la propriété file_handlers de manifest.json.
- Extensions Chrome
Gestion des fichiers sous Chrome OS
Ouvrir des fichiers dans les service workers des extensions Chrome, les fenêtres pop-up, les panneaux latéraux ou les scripts de contenu
- Extensions Chrome
Nouveautés de Chrome 119
Chrome 119 est en cours de déploiement ! Nous avons modifié la limite supérieure de date d'expiration pour les cookies déjà stockés. Le CSS dispose de nouvelles pseudo-classes, d'une syntaxe de couleur relative, d'améliorations de Fenced Frames comme les macros de taille d'annonce, et bien plus encore.
- Chrome
La récupération de mémoire WebAssembly (WasmGC) est désormais activée par défaut dans Chrome
Il existe deux types de langages de programmation: les langages de programmation avec récupération de mémoire et les langages de programmation qui nécessitent une gestion manuelle de la mémoire. Avec la collecte des ordures WebAssembly, les langages avec collecte des ordures peuvent être portés vers WebAssembly.
- Chrome
CSS preferences-reduced-transparency
Optimisez et ajustez votre stratégie pour les utilisateurs qui préfèrent une interface utilisateur opaque.
- Chrome
Nouveautés de WebGPU (Chrome 119)
Textures flottantes 32 bits filtrables, format de sommet unorm10-10-10-2, format de texture rgb10a2uint, etc.
- Chrome
- WebGPU
Sélection de l'élément: désormais avec des règles horizontales
Découvrez comment les fonctionnalités étendues de sélection d'éléments activent des pauses horizontales visuelles pour améliorer le regroupement.
- Chrome
Encapsulation de texte CSS: jolie
Activer le retour automatique à la ligne optimisé pour la beauté plutôt que la vitesse.
- Chrome
Que se passe-t-il avec les extensions Chrome ?
Voici un aperçu des modifications récentes apportées aux extensions Chrome, ainsi que des fonctionnalités d'extension intéressantes à venir pour les développeurs.
- Chrome
- Extensions Chrome
Migration de l'outil de suivi des problèmes Chromium
En janvier 2024, le suivi des problèmes dans Chromium sera remplacé par un outil optimisé par l'outil Issue Tracker de Google.
- Chrome
Abandon de l'API Sanitizer
L'implémentation actuelle de l'API Sanitizer est obsolète à partir de Chrome 119 pour rattraper les futures mises à jour des spécifications.
- Chrome
Numéro de série via Bluetooth sur le Web
L'API Web Serial est désormais compatible avec les services Bluetooth RFCOMM.
- Chrome
Tests unitaires des extensions Chrome
Écrire des tests unitaires pour les extensions
- Extensions Chrome
Tests de bout en bout pour les extensions Chrome
Comment écrire des tests de bout en bout pour les extensions
- Extensions Chrome
Tester les extensions Chrome avec Puppeteer
Écrire un test automatisé pour les extensions Chrome à l'aide de Puppeteer
- Extensions Chrome
Signaler un bug lié à une extension
Signaler des bugs dans les extensions ou des problèmes au niveau de la documentation
- Extensions Chrome
Rechercher et suivre un bug
Vérifiez si un bug ou une demande de fonctionnalité ont déjà été signalés.
- Extensions Chrome
Syntaxe des couleurs relatives au CSS
Créer de nouvelles couleurs en fonction des canaux et des valeurs d'une autre couleur.
- Chrome
Nouveautés de Chrome 118
Chrome 118 est en cours de déploiement ! Déclarez des styles spécifiques dans un composant à l'aide de la règle @scope css. Utilisation d'une nouvelle fonctionnalité multimédia: preferred-reduced-transparency. Le panneau "Sources" des Outils de développement a été amélioré, et de nombreuses autres nouveautés sont disponibles.
- Chrome
Nouveautés des outils de développement (Chrome 119)
Amélioration de la section @property dans les styles, mise à jour de la liste des appareils, amélioration de l'impression élégante dans les sources et de la saisie semi-automatique dans la console.
- Chrome
- Outils pour les développeurs Chrome
Améliorations de l'API pour l'utilisation de fichiers dans le navigateur
Prise en charge de plusieurs lecteurs et rédacteurs pour FileSystemSyncAccessHandle et rédacteur exclusif pour FileSystemWritableFileStream. Le système de fichiers privé d'origine (parfois appelé système de fichiers de bucket) permet aux développeurs
- Chrome
Nouvelle phase d'évaluation pour les fenêtres pop-up en plein écran
Une nouvelle phase d'évaluation est désormais disponible pour ouvrir les fenêtres pop-up en mode plein écran en une seule étape.
- Chrome
Chrome 119 bêta
La version bêta de Chrome 119 inclut une syntaxe de couleurs relatives aux feuilles de style CSS, de nouvelles pseudo-classes et bien plus encore.
- Chrome
Limiter la portée de vos sélecteurs avec l'attribut CSS @scope at-rule
Découvrez comment utiliser @scope pour ne sélectionner des éléments que dans une sous-arborescence limitée de votre DOM.
Conseils concernant les outils de développement: débogage des extensions Chrome
Découvrez comment utiliser les outils de développement pour déboguer les extensions Chrome.
- Chrome
- Outils pour les développeurs Chrome
- 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.
- Chrome
Nouveautés du GPU Web (Chrome 118)
Compatibilité étendue des sources avec copyExternalImageToTexture, compatibilité expérimentale avec la texture de stockage en lecture-écriture et en lecture seule, etc.
- Chrome
- WebGPU
Stockage et cookies
Présentation du fonctionnement des cookies et des API de stockage Web dans les extensions
- Extensions Chrome
Navigation fluide grâce aux transitions de vue
Présentation détaillée de la façon dont CyberAgent, RedBus, Nykaa et PolicyBazaar ont implémenté des transitions de vue et pourquoi.
- Chrome
Nous sommes Chrome for Developers
Célébrons le 15e anniversaire de Chrome et notre rôle de partenaire de confiance et d'aide pour les développeurs.
- Chrome
De WebGL vers WebGPU
Découvrez des conseils pour les développeurs WebGL qui migrent vers WebGPU.
- Chrome
Nouveautés des outils de développement (Chrome 118)
Nouvelle section des propriétés personnalisées dans la section Éléments > Styles, améliorations des remplacements locaux, recherche améliorée, espace de travail simplifié dans les sources, etc.
- Outils pour les développeurs Chrome
- Chrome
Chrome 118 bêta
Styles délimités pour CSS, fonctionnalités multimédias supplémentaires, conteneurs de défilement sélectionnables au clavier, etc.
- Chrome
Nouveautés de Chrome 117
Chrome 117 est en cours de déploiement ! Avec trois nouvelles fonctionnalités CSS qui facilitent l'ajout d'animations d'entrée et de sortie fluides, le regroupement de tableaux pour calculer des ensembles de données d'ordre supérieur, les outils de développement facilitent les forçages locaux et bien plus encore.
- Chrome
Effectuer la transition à partir des applications Chrome
Migrer une application Chrome empaquetée ou hébergée
Nouveautés du GPU Web (Chrome 117)
Annulez la définition du tampon des sommets et du groupe de liaisons, donnez l'impression que les appareils perdus fonctionnent, etc.
- Chrome
- WebGPU
Publier votre extension
Conseils pour publier une nouvelle extension Manifest V3
- Extensions Chrome
Google Summer of Code et extensions Chrome
Expérience et conseils pour participer au programme Google Summer of Code.
- Chrome
- Extensions Chrome
Astuces pour les outils de développement: extraits et expressions actives
Utilisez des extraits pour exécuter le code que vous utilisez fréquemment et des expressions actives pour surveiller les valeurs en temps réel.
- Chrome
- Outils pour les développeurs Chrome
Versions de Chrome plus rapides (deuxième tour !)
À partir de Chrome 119, nous réduirons le délai entre la branche pour une version et sa version stable.
- Chrome
Transitions de la vue astro
Montrez comment la communauté Astro a adopté les transitions de vue lorsque Chrome conçoit l'API et l'a permis d'obtenir une prise en charge de premier ordre pour cette API sur les îles persistantes Astro.
- Chrome
Présentation de la phase d'évaluation de scheduler.yield
"scheduler.yield" est un nouvel ajout proposé à l'API de planification, qui est actuellement en phase d'évaluation. Il s'agit d'une nouvelle approche de la répartition des tâches pour une expérience utilisateur plus réactive. Découvrez les avantages de cette proposition d'ajout à l'API de planification, et inscrivez-vous à la phase d'évaluation pour nous aider à obtenir des insights et des commentaires.
- Chrome
Nouveautés de Lighthouse 11
Lighthouse 11 intègre de nouvelles modifications d'accessibilité et des mises à jour d'audit
- Chrome
Concevez efficacement vos commandes CPP (Chrome Devtools Protocol) avec le nouvel éditeur de commandes
Pour faciliter la saisie des commandes CPP (Chrome Devtools Protocol), les outils de développement ont introduit un nouvel éditeur convivial qui vous évite d'utiliser JSON.
- Chrome
Nouveautés des outils de développement (Chrome 117)
Remplacez les requêtes XHR/fetch et masquez les demandes d'extension dans le panneau "Network", voyez les modifications apportées à la priorité d'extraction dans le panneau "Performance", profitez de plusieurs améliorations de l'interface utilisateur, découvrez de nouvelles couleurs et de nouvelles fonctionnalités expérimentales, et plus encore.
- Outils pour les développeurs Chrome
- Chrome
Le contrôle de situation est désormais disponible sur la page chrome://extensions
À partir de Chrome 117, Chrome signalera de manière proactive aux utilisateurs lorsqu'une extension qu'ils ont installée ne se trouve plus sur le Chrome Web Store.
- Extensions Chrome
- Chrome
Quatre nouvelles fonctionnalités CSS pour des animations d'entrée et de sortie fluides
Découvrez les nouvelles fonctionnalités qui permettent une transition en douceur des animations discrètes et entre la couche supérieure
- Chrome
Chrome 117 bêta
Sous-grille CSS, animations d'entrée et de sortie pour CSS, regroupement de tableaux, assistants d'itérateur, etc.
- Chrome
Nouveautés de Chrome 116
Chrome 116 est en cours de déploiement ! Utilisez l'API Document Picture-in-picture pour augmenter la productivité des utilisateurs. Il est désormais plus facile de déboguer les feuilles de style manquantes dans les outils de développement, et ce n'est pas tout !
- Chrome
Fichier manifeste - scripts de contenu
Documentation de référence sur la propriété "content_scripts" de manifest.json.
- Extensions Chrome
Interactions avec des fenêtres pop-up sécurisées avec des propriétés de restriction
Bénéficiez d'une isolation multi-origine et d'une protection contre les fuites intersites tout en interagissant avec les pop-ups.
- Chrome
Nouveautés du GPU Web (Chrome 116)
Intégration de WebCodecs, améliorations de la lecture des vidéos, et plus encore.
- Chrome
- WebGPU
Autorisations ponctuelles dans Chrome
L'option "Autoriser cette fois-ci" n'est disponible qu'une seule fois dans Chrome. Dans un premier temps, il ne sera disponible que sur ordinateur pour la géolocalisation, l'appareil photo et le micro.
- Chrome
Conseils sur les outils de développement: points d'arrêt et points de journalisation
Utilisez des points d'arrêt et de journalisation pour effectuer facilement le débogage.
- Chrome
- Outils pour les développeurs Chrome
PostMessage pour TWA
Depuis Chrome 115, les activités Web fiables (TWA) peuvent envoyer des messages à l'aide de postMessage. Ce document décrit la configuration nécessaire à la communication entre votre application et le Web.
Nouveautés de Chrome 116 pour les extensions
Résumé des modifications importantes apportées à Chrome 116 pour les développeurs d'extensions Chrome.
- Chrome
- Extensions Chrome
Chrome 116 bêta
Trajectoire d'animation CSS, API NotRestoredReason du cache amélioré, document Picture-in-picture, etc.
- Chrome
Déboguer des sites Web dans Chrome sous iOS 16.4 et versions ultérieures
Découvrez comment utiliser le débogage de l'inspecteur Web de Safari pour Chrome sur iOS.
- Chrome
Nouveautés de Chrome 115
Utilisez ScrollTimeline et ViewTimeline pour créer des animations liées au défilement qui améliorent l'expérience utilisateur. Les cadres Fenced fonctionnent avec d'autres API de la Privacy Sandbox pour intégrer du contenu pertinent tout en évitant le partage de contexte inutile. Avec l'API Topics, le navigateur peut partager avec des tiers des informations sur les centres d'intérêt d'un utilisateur tout en préservant la confidentialité, et ce n'est pas tout !
- Chrome
Que se passe-t-il avec les extensions Chrome ?
Voici un aperçu des modifications apportées cette année aux extensions Chrome, ainsi que des fonctionnalités d'extension intéressantes à venir pour les développeurs.
- Extensions Chrome
- Chrome
Étude de cas sur les performances des animations liées au défilement
La nouvelle API est beaucoup plus fluide que la méthode classique d'implémentation des animations liées au défilement.
- Chrome
Conseils concernant les outils de développement: enregistrer et revoir des parcours utilisateur avec l'Enregistreur
Découvrez comment enregistrer, revoir et déboguer des parcours utilisateur dans le panneau "Enregistreur" des outils de développement.
- Chrome
- Outils pour les développeurs Chrome
Utiliser WebSockets dans les service workers
Instructions détaillées pour vous connecter à un WebSocket dans votre extension Chrome.
- Extensions Chrome
WebRTC: ancien guide de migration de getStats()
Découvrez comment utiliser le débogage de l'inspecteur Web de Safari pour Chrome sur iOS.
- Chrome
Conseils concernant les outils de développement: stockage local et de session
Utilisez Application > Stockage local et Stockage de session pour déboguer les paires clé-valeur.
- Chrome
- Outils pour les développeurs Chrome
Nouveautés des outils de développement (Chrome 116)
DevTools bénéficie de plusieurs améliorations pour vous aider à identifier et à déboguer plus rapidement les problèmes liés aux feuilles de style manquantes: Le panneau Network (Réseau) renseigne de manière cohérente la colonne Initiator (Initiateur)
- Chrome
- Outils pour les développeurs Chrome
Nouveautés du GPU Web (Chrome 115)
Extensions de langage WGSL compatibles, compatibilité expérimentale avec Direct3D 11, etc.
- Chrome
- WebGPU
Utiliser la géolocalisation
Comment utiliser la géolocalisation dans les service workers des extensions Chrome, les fenêtres pop-up, les panneaux latéraux ou les scripts de contenu.
- Extensions Chrome
Chrome for Testing: téléchargements fiables pour l'automatisation des navigateurs
Chrome for Testing est une nouvelle version de Chrome qui cible spécifiquement les cas d'utilisation de tests d'applications Web et d'automatisation.
- Chrome
- Chrome for Testing
Déboguer WebAssembly C/C++
Découvrez comment utiliser les outils pour les développeurs Chrome afin de rechercher et de corriger les bugs dans C/C++ WebAssembly.
- Outils pour les développeurs Chrome
Photoshop a résolu le problème des fichiers trop volumineux pour tenir en mémoire
Découvrez comment Adobe a réussi à permettre aux utilisateurs de modifier même les fichiers les plus volumineux dans la version Web de son application iconique Photoshop. (Cet article est également disponible sous forme de vidéo.) En 2021, Adobe et
- Chrome
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
Nouveautés de WebGPU (Chrome 114)
l'optimisation JavaScript, etc.
- Chrome
- WebGPU
Chrome 115 bêta
Plusieurs mots clés pour la propriété d'affichage CSS, WGSLLanguageFeatures pour WebGPU, mises à niveau HTTPS, etc.
- Chrome
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
- Chrome
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.
- Chrome
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
Chrome désactive la modification de document.domain
Si votre site Web repose sur le paramètre document.domain, votre action est requise.
- Chrome
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
- Chrome
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.
- Chrome
Concevez une expérience utilisateur optimale avec la nouvelle API Side Panel
Présentation de la nouvelle API Side Panel pour les extensions Chrome.
- Chrome
- 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
- Outils pour les développeurs Chrome
- Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
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.
- Extensions Chrome
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.
- Chrome
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.
- Chrome
Quoi de neuf avec Aurora ?
Découvrez les activités récentes de l'équipe Chrome Aurora et sa feuille de route pour 2023.
- Chrome
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
- Chrome
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.
- Chrome
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 de retouche photo Photopea utilise cette API. (Cet
- Chrome
Mise à jour du calendrier d'abandon de Web SQL
Web SQL a été complètement supprimé dans Chromium 119.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
WebDriver BiDi: mise à jour du statut 2023
Cet article présente les nouveautés de WebDriver BiDi en 2023.
- Chrome
Préparez-vous pour Google I/O
Élaborez votre propre programme pour vous préparer à Google I/O.
- Chrome
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
- Chrome
- Outils pour les développeurs Chrome
À 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.
- Extensions Chrome
Chrome 114 bêta
Équilibrage des titres CSS, CHIPS, événement Scrollend et pop-over.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Extensions Chrome
Principes de base des services d'extension
Les services d'extension sont installés et mis à jour différemment des service workers Web.
- Extensions Chrome
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.
- Chrome
É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.
- Extensions Chrome
Nouveautés du GPU Web (Chrome 113)
WebGPU est disponible dans Chrome avec l'intégration de WebCodecs dans la phase d'évaluation.
- Chrome
- 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.
- Outils pour les développeurs Chrome
- Chrome
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.
- Outils pour les développeurs Chrome
É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.
Personnaliser l'UI
Adapter l'onglet personnalisé à l'apparence de votre application
Ajouter de l'interactivité personnalisée
Ajouter des actions personnalisées à un onglet personnalisé
Premiers pas
Lancer un onglet personnalisé depuis votre application Android
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.
- Chrome
Retour dans le temps: évolution de l'automatisation des tests
Découvrez l'évolution de l'automatisation des tests sur le Web.
- Chrome
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
- Extensions Chrome
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
- Chrome
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.
- Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
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
- Outils pour les développeurs Chrome
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.
- Chrome
- WebGPU
Chrome 113 bêta
Nouvelles fonctionnalités multimédias CSS, fonction de lissage de vitesse linear() et WebGPU.
- Chrome
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.
- Chrome
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.
- Chrome
Gérer les événements avec des service workers
Découvrez comment créer et déboguer un service worker d'extension.
- Extensions Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
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.
- Chrome
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 explique comment migrer vos données de Web SQL vers
- Chrome
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.
- Chrome
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é.
- Chrome
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.
- Extensions Chrome
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.
- Chrome
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.
- Extensions Chrome
Checklist pour la migration vers Manifest V3
Guide de référence rapide pour mettre à niveau vos extensions de Manifest V2 vers Manifest V3.
- Extensions Chrome
Chrome 112 bêta
Imbrication CSS, composition d'animation et paramètre d'envoi pour le constructeur FormData.
- Chrome
Mettre à jour le fichier manifeste
Le format du fichier manifest.json est légèrement différent pour Manifest V3 et Manifest V2.
- Extensions Chrome
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.
- Extensions Chrome
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
- Chrome
- Outils pour les développeurs Chrome
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
- Extensions Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Messagerie native
Échangez des messages avec des applications natives à partir de votre extension Chrome.
- Extensions 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.
- Chrome
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.
- Chrome
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".
- Chrome
- Outils pour les développeurs Chrome
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 ?
- Extensions Chrome
Raccourcis
Référence de l'onglet des raccourcis.
- Outils pour les développeurs Chrome
Établissements
À propos de l'onglet "Zones géographiques"
- Outils pour les développeurs Chrome
Espace de travail
Référence de l'onglet "Espace de travail".
- Outils pour les développeurs Chrome
Appareils
Onglet "Appareils".
- Outils pour les développeurs Chrome
Tests
Documentation de référence sur l'onglet "Tests"
- Outils pour les développeurs Chrome
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
- Outils pour les développeurs Chrome
- Chrome
Vue d'ensemble des paramètres
Présentation des paramètres.
- Outils pour les développeurs Chrome
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
Nouveautés de Lighthouse 10
Lighthouse 10 est arrivé grâce à de nouvelles notations et audits.
- Chrome
Chrome 111 bêta
Nouveaux types de couleurs et espaces de couleur CSS, fonctions trigonométriques CSS et API View Transitions.
- Chrome
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,
- Chrome
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.
- Chrome
Utiliser l'API CrUX History
Découvrez l'API CrUX History et comment l'utiliser pour suivre les tendances concernant l'expérience utilisateur.
- Rapport d'expérience utilisateur Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
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
- Chrome
Chromium Chronicle n°32: comprendre le correctif
Découvrez comment les développeurs Chromium peuvent réduire le risque d'exploitation pendant plusieurs jours.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Extensions Chrome
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.
- Chrome
Conseils concernant les outils de développement: déboguer les PWA
Déboguer les progressive web apps avec les outils de développement
- Outils pour les développeurs Chrome
- Chrome
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.
- Extensions Chrome
- Chrome
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.
- Chrome
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.
- Chrome
Documents hors écran dans Manifest V3
Présentation de l'API Offscreen Documents pour le développement d'extensions Chrome.
- Extensions Chrome
- Chrome
Nouveautés des outils de développement
Tenez-vous informé des dernières modifications apportées aux outils de développement.
- Outils pour les développeurs Chrome
Contrôlez vos limites de baisse à l'aide de la lettre initiale CSS
Fini les alternatives intéressantes pour styliser vos bonnets de fin !
- Chrome
À la découverte d'un Web capable
Quelles fonctionnalités Web avancées votre navigateur prend-il en charge? Et quelles applications Web utilisent ces fonctionnalités? Pour répondre à ces questions, consultez un site de test de navigateur et une extension de navigateur. Project Fugu
- Chrome
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.
- Chrome
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
Chrome 110 bêta
Lettres initiales CSS, gestionnaire de lancement d'application Web, compatibilité avec les iFrame multi-origines pour l'API FedCM, etc.
- Chrome
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é
Récupérer des favicons
Obtenir un favicon de site Web
- Extensions Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
- Outils pour les développeurs Chrome
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 !
- Chrome
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
- Outils pour les développeurs Chrome
- Chrome
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é.
- Chromium
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.
- Chrome
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.
- Chrome
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.
- Extensions Chrome
- Chrome
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.
- Chrome
Maximisez la pertinence des annonces
Nouvelle documentation pour la Privacy Sandbox sur la pertinence des annonces sans cookies tiers.
- Chrome
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.
- Chrome
Astuces pour les outils de développement: mode Appareil
Simulez des appareils mobiles avec le mode Appareil dans les outils de développement.
- Outils pour les développeurs Chrome
- Chrome
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
Chrome 109 bêta
MathML, sélection conditionnelle pour getDisplayMedia(), système de fichiers privé d'origine sur Android, etc.
- Chrome
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.
- Extensions Chrome
- Chrome
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 !
- Chrome
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.
- Chrome
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.
- Chrome
- Outils pour les développeurs Chrome
Rechercher des CSS non valides, remplacés, inactifs ou d'autres CSS
Identifiez rapidement les problèmes liés aux propriétés CSS.
- Outils pour les développeurs Chrome
Fichier manifeste – OAuth2
Documentation de référence sur la propriété oauth2 de manifest.json
- Extensions Chrome
Tableau de bord CrUX
Visualiser les données CrUX de BigQuery à l'aide du tableau de bord CrUX
- Rapport d'expérience utilisateur Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
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.
- Chrome
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
- Extensions Chrome
Fichier manifeste – input_components
Documentation de référence sur la propriété input_components de manifest.json.
- Extensions Chrome
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
Chrome 108 bêta
Nouvelles unités de fenêtre d'affichage CSS, API Federated Credential Management, polices COLRv1 variables et plus encore.
- Chrome
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.
- Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
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.
- Outils pour les développeurs Chrome
- 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.
- Chrome
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 !
- Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
Améliorez la lisibilité de votre site Web
Identifiez et corrigez le texte à faible contraste à l'aide des outils de développement.
- Outils pour les développeurs Chrome
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é.
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Extensions Chrome
- 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
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.
- Chrome
Gérer les onglets
Découvrez comment organiser des onglets de manière programmatique à l'aide de groupes d'onglets.
- Extensions Chrome
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.
- Chrome
Exécuter des scripts sur chaque page
Découvrez comment ajouter automatiquement de nouveaux éléments à des pages Web existantes.
- Extensions Chrome
Extension Hello World
Créez votre première extension Chrome Hello World.
- Extensions Chrome
Injecter des scripts dans l'onglet actif
Découvrez comment simplifier le style de la page actuelle.
- Extensions Chrome
Fichier manifeste – Auteur
Documentation de référence sur la propriété de nom d'auteur de manifest.json.
- Extensions Chrome
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.
- Chrome
É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é.
- Chrome
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.
- Chrome
En savoir plus sur la transition vers Manifest V3
Nouvelles informations concernant le projet de migration des extensions vers Manifest V3
- Chrome
- Extensions Chrome
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.
- Chrome
- Outils pour les développeurs Chrome
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 !
- Chrome
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."
- Chrome
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 à
- Extensions Chrome
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.
- Chrome
- Outils pour les développeurs Chrome
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.
- Chrome
- Outils pour les développeurs Chrome
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."
- Chrome
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.
- Chrome
É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
- Chrome
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.
- Chrome
- Outils pour les développeurs Chrome
Abandons et suppressions dans Chrome 106
Arrondissement des abandons et des suppressions dans Chrome 106 pour vous aider à vous organiser.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
É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.
- Chrome
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 !
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
- Outils pour les développeurs Chrome
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 ?
- Chrome
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.
- Chrome
- Outils pour les développeurs Chrome
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
- Chrome
Les navigateurs peuvent-ils optimiser le chargement des ressources tierces ?
Favoriser les changements pour améliorer le chargement des ressources tierces sur le Web
- Chrome
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.
- Chrome
- Outils pour les développeurs Chrome
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.
- Chrome
- Outils pour les développeurs Chrome
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".
- Outils pour les développeurs Chrome
- Chrome
Abandons et suppressions dans Chrome 105
Arrondissement des abandons et des suppressions dans Chrome 105 pour vous aider à vous organiser.
- Chrome
Modifications apportées à "NavigateEvent" dans Chrome 105
L'API Navigation obtient deux nouvelles méthodes sur BrowseEvent: intercept() remplace transitionwhile() et scroll() remplace replaceScroll().
- Chrome
@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 !"
- Chrome
: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.
- Chrome
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 !
- Chrome
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.
- Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
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.
- Chrome
- Extensions Chrome
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.
- Chrome
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.
- Chrome
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
- 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.
- Chrome
- Outils pour les développeurs Chrome
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
- Outils pour les développeurs Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Outils pour les développeurs Chrome
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.
- Outils pour les développeurs Chrome
Abandons et suppressions dans Chrome 104
Un récapitulatif des abandons et des suppressions dans Chrome 104 pour vous aider à vous organiser.
- Chrome
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 !
- Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
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 !
- Chrome
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.
- 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".
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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
- Chrome
Déboguer WebAssembly plus rapidement
Comment nous accélérons le débogage de WebAssembly pour les applications volumineuses.
- Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
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.
- Chrome
Afficher les propriétés des objets DOM
Affichez et filtrez les propriétés des objets DOM.
- Outils pour les développeurs Chrome
Tester le cache amélioré
Assurez-vous que vos pages sont optimisées pour la mise en cache différée.
- Outils pour les développeurs Chrome
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 !
- Chrome
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.
- Chrome
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.
- Chromium
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.
- Outils pour les développeurs Chrome
Présentation de l'onglet "Rendu"
Découvrez un ensemble d'options qui affectent l'affichage du contenu Web.
- Outils pour les développeurs Chrome
É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.
- Outils pour les développeurs Chrome
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é.
- Chrome
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.
- Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
Abandons et suppressions dans Chrome 101
Un récapitulatif des abandons et des suppressions dans Chrome 101 pour vous aider à vous organiser.
- Chrome
Abandons et suppressions dans Chrome 102
Arrondissement des abandons et des suppressions dans Chrome 102 pour vous aider à vous organiser.
- Chrome
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 !
- Chrome
Fêtez Chrome 100 avec #100CoolWebMoments
Nous fêtons le lancement de la version 100 de Chrome avec un petit rappel.
- Chrome
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".
- Outils pour les développeurs Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
Abandons et suppressions dans Chrome 100
Un récapitulatif des abandons et des suppressions dans Chrome 100 pour vous aider à vous organiser.
- Chrome
C'est vous, Canvas2D
API-next-door fait peau neuve.
- Chrome
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 !
- Chrome
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.
- Chrome
Nouveautés des outils de développement (Chrome 99)
Limitation des requêtes WebSocket, nouveau volet de l'API Reporting, style de console, etc.
- Chrome
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.
- Outils pour les développeurs Chrome
Abandons et suppressions dans Chrome 99
Arrondissement des abandons et des suppressions dans Chrome 99 pour vous aider à vous organiser.
- Chrome
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 !
- Chrome
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."
- Chrome
Chromium Chronicle n°28: premiers pas avec Chrome sur iOS
Découvrez comment utiliser le code de l'application Chrome pour iOS.
- Chrome
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.
- Chrome
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.
- Chrome
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
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.
- Chrome
Abandons et suppressions dans Chrome 98
Arrondissement des abandons et des suppressions dans Chrome 98 pour vous aider à vous organiser.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
Abandons et suppressions dans Chrome 97
Arrondissement des abandons et des suppressions dans Chrome 97 pour vous aider à vous organiser.
- Chrome
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 !
- Chrome
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.
- Chrome
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.
Fonctionnement de Workbox
Découvrez quelques-unes des façons d'utiliser Workbox.
Enregistrez, revoyez et mesurez les parcours utilisateur
Enregistrez, revoyez, mesurez les parcours utilisateur et modifiez leurs pas dans le panneau "Enregistreur".
- Outils pour les développeurs Chrome
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
- 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.
- Chrome
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.
- Chrome
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".
- Outils pour les développeurs Chrome
Abandons et suppressions dans Chrome 96
Arrondissement des abandons et des suppressions dans Chrome 96 pour vous aider à vous organiser.
- Chrome
Thème sombre automatique
Génération automatique d'un thème sombre pour les sites au thème clair
- Chrome
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.
- Chrome
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.
- Chrome
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
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.
- Chrome
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.
- Extensions Chrome
- Chrome
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.
- Chrome
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.
Présentation de Service Worker
Présentation des service workers
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.
- Chrome
La transition des extensions Chrome vers Manifest V3
Partage d'informations sur le projet de migration des extensions vers Manifest V3
- Extensions Chrome
- Chrome
Calendrier de prise en charge de Manifest V2
Détails de la fin de vie et de la fin de vie de Manifest V2.
- Extensions Chrome
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 !
- Chrome
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.
- Chrome
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.
- Chromium
Moderniser l'infrastructure CSS dans les outils de développement
Recherche et mise à jour de l'infrastructure CSS dans les outils de développement
- Chrome
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.
- Chrome
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 !
- Chrome
Abandons et suppressions dans Chrome 93
Arrondissement des abandons et des suppressions dans Chrome 93 pour vous aider à vous organiser.
- Chrome
Abandons et suppressions dans Chrome 94
Arrondissement des abandons et des suppressions dans Chrome 94 pour vous aider à vous organiser.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chromium
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.
- Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
Abandons et suppressions dans Chrome 92
Arrondissement des abandons et des suppressions dans Chrome 92 pour vous aider à vous organiser.
- Chrome
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.
- Extensions Chrome
Abandons et suppressions dans Chrome 91
Arrondissement des abandons et des suppressions dans Chrome 91 pour vous aider à vous organiser.
- Chrome
Isolation multi-origine
Présentation de l'isolation multi-origine pour les extensions
- Extensions 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.
- Extensions Chrome
Règle d'ouverture multi-origine
Documentation de référence sur la propriété cross_origin_opener_policy de manifest.json.
- Extensions Chrome
Règle d'ouverture multi-origine
Documentation de référence sur la propriété cross_origin_opener_policy de manifest.json.
- Extensions Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Architecture RenderingNG
Découvrez les composants de l'architecture RenderingNG et la façon dont le pipeline de rendu les traverse.
- Chromium
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.
- Chrome
- Extensions Chrome
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.
- Chrome
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.
- Chrome
- Extensions Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Extensions Chrome
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.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
- Extensions Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Extensions Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Abandons et suppressions dans Chrome 90
Un récapitulatif des abandons et des suppressions dans Chrome 90 pour vous aider à vous organiser.
- Chrome
Ajouter une ampleur de classement au rapport CrUX dans BigQuery
Ajouter la magnitude du classement au rapport CrUX dans BigQuery
- Chrome
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.
- Chrome
Documentation de référence de l'API VersionHistory
Informations techniques de référence sur l'API de service Web VersionHistory.
Exemples d'API VersionHistory
Exemple d'utilisation de 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 !
- Chrome
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.
- Chrome
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
- Outils pour les développeurs Chrome
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Outils pour les développeurs Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Abandons et suppressions dans Chrome 89
Arrondissement des abandons et des suppressions dans Chrome 89 pour vous aider à vous organiser.
- Chrome
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.
- Chrome
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.
- Chrome
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
Migrer Puppeteer vers TypeScript
Migration de Puppeteer vers TypeScript
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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 ?
- Chrome
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.
- 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.
- Chrome
Abandons et suppressions dans Chrome 88
Arrondissement des abandons et des suppressions dans Chrome 88 pour vous aider à vous organiser.
- Chrome
Bienvenue sur le nouveau site developer.chrome.com !
Annonce de la refonte du site et récapitulatif de nos projets pour 2021.
- Chrome
Ajouter votre application au Play Store
Ajouter votre TWA au Play Store
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.
- Chrome
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.
- Chromium
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 !
- Chrome
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.
- Chrome
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.
- Chrome
À propos de Manifest V2
Documentation destinée aux développeurs d'extensions Chrome.
- Extensions Chrome
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.
- Chrome
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.
- 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.
- Chrome
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é.
- Chrome
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 !
- Chrome
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.
- Chrome
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
- Chrome
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.
- Outils pour les développeurs Chrome
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
- Chrome
Abandons et suppressions dans Chrome 86
Arrondissement des abandons et des suppressions dans Chrome 86 pour vous aider à vous organiser.
- Chrome
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 !
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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 !
- Chrome
Utiliser les onglets personnalisés avec Android 11
Utiliser les onglets personnalisés avec Android 11
- Chrome
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.
- Chrome
Améliorer la confidentialité des utilisateurs et l'expérience des développeurs avec les indicateurs client User-Agent
Les User-Agent Client Hints 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 client
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.
- Rapport d'expérience utilisateur Chrome
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.
- Rapport d'expérience utilisateur Chrome
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.
- Rapport d'expérience utilisateur Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
Gérer les interventions sur les annonces lourdes
Gérer les interventions sur les annonces lourdes
- Chrome
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.
- Outils pour les développeurs Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Abandons et suppressions dans Chrome 81
Arrondissement des abandons et des suppressions dans Chrome 81 pour vous aider à vous organiser.
- Chrome
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.
- Chrome
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.
- Chrome
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 !
- Chrome
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.
Vue d'ensemble
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.
- Chrome
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.
- Chrome
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 ?
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
É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.
- Chrome
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.
- Chrome
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.
- Outils pour les développeurs Chrome
Nouveautés des outils de développement (Chrome 78)
Lighthouse 5.2 dans le panneau "Audits" et "Largest Contentful Paint" dans le panneau "Performances".
- Chrome
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.
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.
- Chrome
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.
- Chrome
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 !
- Chrome
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.
- Chrome
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
- Chrome
Nouveautés des outils de développement (Chrome 77)
Copiez les styles des éléments, visualisez le décalage de mise en page, etc.
- Chrome
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.
- Chrome
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.
- Chrome
Abandons et suppressions dans Chrome 76
Arrondissement des abandons et des suppressions dans Chrome 76 pour vous aider à vous organiser.
- Chrome
Mise à jour plus fréquente des WebAPK
À partir de Chrome 76, les APK Web seront mis à jour plus fréquemment.
- Chrome
LayoutNG
Un nouveau moteur de mise en page pour Chromium
- Chrome
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 !
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
É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
L'ordre visuel sur la page suit l'ordre DOM
En savoir plus sur l'audit "Visual-order-follows-dom".
Le document ne contient pas de meta description.
En savoir plus sur l'audit Lighthouse concernant le document n'inclut pas de meta description
Reporter les images hors écran
En savoir plus sur l'audit des images hors écran
Dimensionner les images correctement
Découvrez l'audit "uses-responsive-images".
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.
Indice de vitesse
Découvrez la métrique "Indice de vitesse" de Lighthouse et comment l'optimiser.
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
Encoder les images de manière efficace
Découvrez l'audit "uses-enhanced-images".
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.
Le document utilise des plug-ins
En savoir plus sur l'audit Lighthouse sur l'utilisation de plug-ins
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.
Préconnexion aux origines requises
Découvrez l'audit "uses-rel-preconnect".
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.
Réduire la taille des ressources JavaScript
En savoir plus sur l'audit JavaScript sans taille
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.
- Chrome
Réduire la taille des ressources CSS
En savoir plus sur l'audit CSS non réduit
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.
Précharger les requêtes clés
Découvrez l'audit "uses-rel-preload".
Supprimer les ressources CSS inutilisées
En savoir plus sur l'audit unused-css-rules
É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.
Réduire les temps de réponse du serveur
En savoir plus sur l'audit du temps de réponse du serveur
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.
Diffuser des images dans des formats modernes
En savoir plus sur l'audit "uses-webp-images"
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.
- Chrome
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.
- Chrome
Messages de journal dans la console
Découvrez comment consigner des messages dans la console.
- Outils pour les développeurs Chrome
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.
- Outils pour les développeurs Chrome
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.
- 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.
- Chrome
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.
- Chrome
Afficher les données du cache
Afficher les données du cache depuis le panneau "Application" des outils pour les développeurs Chrome
- 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
- 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
- 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.
- Chrome
Nœud DOM actuellement sélectionné
Découvrez le raccourci de la console rapide pour obtenir le nœud DOM actuellement sélectionné.
- Chrome
Afficher et modifier les données IndexedDB
Afficher et modifier les données IndexedDB à l'aide du panneau "Application" et des extraits
- Outils pour les développeurs Chrome
Afficher et modifier l'espace de stockage local
Afficher et modifier "localStorage" à l'aide du volet "Stockage local" et de la console
- Outils pour les développeurs Chrome
Afficher et modifier l'espace de stockage des sessions
Afficher et modifier "sessionStorage" avec le volet "Stockage de session" et la console
- Outils pour les développeurs Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Outils pour les développeurs Chrome
É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.
- Chrome
Passer de Workbox v3 à v4
Ce guide vous explique comment passer de Workbox v3 à la version 4.
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 ?
- Chrome
Abandons et suppressions dans Chrome 73
Arrondissement des abandons et des suppressions dans Chrome 73 pour vous aider à vous organiser.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Désactiver JavaScript
Ouvrez le menu de commandes et exécutez la commande Désactiver JavaScript.
- Outils pour les développeurs Chrome
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 !
- Chrome
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.
- Chrome
Nouveautés des outils de développement (Chrome 73)
Points de journalisation, info-bulles détaillées en mode Inspection et bien plus encore.
- Chrome
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.
- Chrome
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 profiter pleinement de 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.
- Chrome
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.
- 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.
- Outils pour les développeurs Chrome
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 !
- Chrome
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é.
- Chrome
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".
- Chrome
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 le règlement sur le comportement de lecture automatique dans Chrome. Ce changement de règle a été publié avec la version stable de Chrome 66 en
- Chrome
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.
- Chrome
Abandons et suppressions dans Chrome 71
Un récapitulatif des abandons et des suppressions dans Chrome 71 pour vous aider à vous organiser.
- Chrome
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.
- Chrome
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.
- Chrome
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 !
- Chrome
Modifications apportées à cache.addAll() et importScripts() à venir dans Chrome 71
Des modifications mineures seront apportées à cache.addAll(), importScripts et à Chrome 71.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Extensions Chrome
Au cœur du navigateur Web moderne (partie 4)
Gestion des événements d'entrée avec le thread compositeur
- Chrome
Au cœur du navigateur Web moderne (partie 3)
Fonctionnement interne d'un moteur de rendu de navigateur
- Chrome
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.
- Chrome
Abandons et suppressions dans Chrome 70
Un récapitulatif des abandons et des suppressions dans Chrome 68 pour vous aider à vous organiser.
- Chrome
Au cœur du navigateur Web moderne (partie 2)
Découvrez comment le navigateur gère les requêtes de navigation.
- Chrome
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.
- Chrome
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.
- Chrome
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 !
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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 !
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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
- Chrome
Modèle de conception du worklet audio
Modèle de conception du worklet audio
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Extensions Chrome
Abandons et suppressions dans Chrome 68
Un récapitulatif des abandons et des suppressions dans Chrome 68 pour vous aider à vous organiser.
- Chrome
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.
- Chrome
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 !
- Chrome
Nouveautés des outils de développement (Chrome 68)
Évaluation impulsive, indications d'arguments, saisie semi-automatique des fonctions, Lighthouse 3.0, etc.
- Chrome
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.
- Chrome
Guide de migration Lighthouse v3
Découvrez comment migrer de Lighthouse v2 vers v3.
Lancement de Lighthouse 3.0
Audits plus rapides, moins d'écarts, nouvelle interface utilisateur des rapports, nouveaux audits, et plus encore.
- Chrome
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.
- Chrome
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.
- Extensions Chrome
Exécuter JavaScript dans la console
Découvrez comment exécuter JavaScript dans la console.
- Outils pour les développeurs 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 !
- Chrome
Atteignez des performances optimales
Consignes pour créer une extension Chrome hautes performances
- Extensions Chrome
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.
- Chrome
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.
- Outils pour les développeurs Chrome
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.
- Chrome
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.
- Chrome
Annulation de l'écho natif macOS
Utiliser le système natif d'annulation de l'écho macOS dans Chrome
- Chrome
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.
- Chrome
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.
- Extensions Chrome
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.
- Extensions Chrome
Concevoir l'interface utilisateur
Consignes relatives à l'interface utilisateur et à la conception des extensions Chrome
- Extensions Chrome
Passer de Workbox v2 à v3
Ce guide vous explique comment passer de Workbox v2 à la version 3.
Bénéficiez d'une sécurité optimale
Comment sécuriser votre extension Chrome.
- 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 !
- Chrome
Bénéficiez d'une sécurité optimale
Comment sécuriser votre extension Chrome.
- Extensions Chrome
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.
- Chrome
Mises à jour de Lighthouse 2.8
Nouveaux audits SEO et de performances, première section des rapports sur les performances, et plus encore.
- Chrome
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.
- Chrome
Meltdown/Spectre
Implications pour les développeurs Web et mesures d'atténuation de Chrome
- Chrome
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.
- 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 !
- Chrome
API CSS Paint
L'API CSS Paint de Houdini vous permet de dessiner des images CSS de manière programmatique.
- Chrome
Nouveautés des outils de développement (Chrome 65)
Remplacements locaux, outils d'accessibilité, audits SEO et de performances, etc.
- Chrome
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.
- Chrome
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.
- Chrome
Du nouveau concernant de meilleures annonces
Du nouveau concernant de meilleures annonces.
- Chrome
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.
- Chrome
Installation d'extensions sous Linux
Empaqueter, héberger et mettre à jour des fichiers crx à partir d'un serveur personnel
- Extensions Chrome
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
- Chrome
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.
- Chrome
Auto-hébergement pour Linux
Empaqueter, héberger et mettre à jour des fichiers crx à partir d'un serveur personnel pour les utilisateurs Linux
- Extensions Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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".
zone de travail-SW
Permet de charger l'environnement d'exécution Workbox sans étape de compilation.
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.
- Chrome
Suppression de ::shadow et /deep/ dans Chrome 63
Fini les sélecteurs CSS qui perdent les ombres.
- Chrome
Dépassement du quota de mise en mémoire tampon
Il existe plusieurs façons de résoudre l'erreur QuotaExceededError.
- Chrome
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.
- Chrome
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.
- Chrome
Informations sur Lighthouse 2.5
Cinq nouveaux audits, le module Node autonome du lanceur d'applications Chrome et un nouveau guide sur la limitation.
- Chrome
Animer un floutage
Quelques astuces sont nécessaires pour animer efficacement un floutage.
- Chrome
Modifications apportées à WebVR dans Chrome 62
Découvrez ce qui change dans l'API WebVR.
- Chrome
Récupération abortable
Abandon des récupérations à l'aide d'une nouvelle primitive Web : le contrôleur d'annulation.
- Chrome
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.
- Chrome
Explorer un cache amélioré pour Chrome
bfcache crée un cache permettant de naviguer instantanément vers des pages déjà consultées.
- Chrome
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.
- 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.
- Chrome
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 !
- Chrome
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 !
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Estimer l'espace de stockage disponible
navigator.storage.estimate() vous donne un aperçu des contraintes de stockage de votre application Web.
- Chrome
Mises à jour audio/vidéo dans Chrome 61
Un tour d'horizon des mises à jour audio et vidéo de Chrome 61.
- Chrome
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.
- Chrome
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 !
- Chrome
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.
- Chrome
Nouveautés des outils de développement (Chrome 61)
Nouvelles fonctionnalités et modifications apportées aux outils de développement dans Chrome 61.
- Chrome
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.
- Chrome
É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.
- Chrome
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" ?
- Chrome
Tests automatisés avec Headless Chrome
Tests automatisés avec Headless Chrome
- Chrome
Dernières mises à jour de l'API de gestion des identifiants
Dernières mises à jour de l'API de gestion des identifiants
- Chrome
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.
- Chrome
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.
- Chrome
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 !
- Chrome
Nouveautés des outils de développement (Chrome 60)
Nouvelles fonctionnalités et modifications apportées aux outils de développement dans Chrome 60.
- Chrome
Abandons et suppressions dans Chrome 59
Un récapitulatif des abandons et des suppressions dans Chrome 59 pour vous aider à vous organiser.
- Chrome
Premiers pas avec Headless Chrome
Premiers pas avec Headless Chrome
- Chrome
Passer au système de notification natif sur macOS
À partir de Chrome 59, les notifications s'afficheront sous macOS.
- Chrome
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.
- Chrome
Nouveautés des outils de développement (Chrome 59)
Nouvelles fonctionnalités et modifications apportées aux outils de développement dans Chrome 59.
- Chrome
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.
- Chrome
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.
- Chrome
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 !
- Chrome
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.
- Chrome
Mises à jour audio et vidéo dans Chrome 58
Un tour d'horizon des mises à jour audio et vidéo de Chrome 58.
- Chrome
Abandons et suppressions dans Chrome 58
Arrondissement des abandons et des suppressions dans Chrome 58 pour vous aider à vous organiser.
- Chrome
Onglets en arrière-plan dans Chrome 57
Onglets en arrière-plan dans Chrome 57
- Chrome
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 !
- Chrome
Nouveautés des outils de développement (Chrome 58)
Nouvelles fonctionnalités et modifications apportées aux outils de développement dans Chrome 58.
- Chrome
Mise à jour Lighthouse de janvier 2017
Nouveautés de Lighthouse 1.5.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
Redimensionnement de la barre d'URL
Si vous masquez la barre d'adresse, les pages mobiles ne seront plus redimensionnées.
- Chrome
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.
- Chrome
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.
- Chrome
Abandon et suppression d'API dans Chrome 56
Un récapitulatif des abandons et des suppressions dans Chrome 56 pour vous aider à vous organiser.
- Chrome
position:sticky est de retour dans Chrome
position:sticky. De retour !
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Préparez-vous pour le Chrome Dev Summit 2016
Le Chrome Dev Summit 2016 aura lieu les jeudis 10 et 11 novembre.
- Chrome
É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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Abandon et suppression d'API dans Chrome 55
Un récapitulatif des abandons et des suppressions dans Chrome 56 pour vous aider à vous organiser.
- Chrome
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.
- Chrome
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.
- Chrome
Mises à jour apportées à la page Developers.google.com/web
Nouveaux principes de base du Web : meilleure navigation, nouveau contenu et plus encore !
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
Intervenir contre document.write()
Chrome bloque certains scripts ajoutés à l'aide de document.write()
- Chrome
L'API Web Animations franchit une étape multinavigateur
Firefox 48 rejoint Chrome pour livrer une implémentation native de l'API Web Animations.
- Chrome
Abandon et suppression d'API dans Chrome 53
Un récapitulatif des abandons et des suppressions dans Chrome pour vous aider à vous organiser.
- Chrome
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é.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Outils pour les développeurs Chrome
Google Analytics hors connexion en toute simplicité
La bibliothèque sw-offline-google-analytics vous offre tout ce dont vous avez besoin.
- Chrome
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.
- Chrome
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
- Chrome
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é.
- Chrome
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.
- Chrome
Nouveau comportement de Flexbox pour les enfants en position absolue
Nouveau comportement de Flexbox pour les enfants en position absolue
- Chrome
Abandon et suppression d'API dans Chrome 52
Un récapitulatif des abandons et des suppressions dans Chrome pour vous aider à vous organiser.
- Chrome
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.
- Chrome
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.
- Chrome
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à
- Chrome
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.
- Chrome
Des réponses immédiates en streaming
Commencez à traiter les réponses de vos service workers dès que possible, grâce à ReadableStreams.
- Chrome
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.
- Chrome
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.
- Chrome
Abandon et suppression d'API dans Chrome 51
Un récapitulatif des abandons et des suppressions dans Chrome pour vous aider à vous organiser.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Outils pour les développeurs Chrome
Documentation de référence de l'API de la console
Écrire des messages dans la console à l'aide de l'API Console
- Outils pour les développeurs Chrome
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.
- Chrome
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.
- Chrome
Améliorations des animations Web dans Chrome 50
Meilleure conformité avec les spécifications et nouvelles fonctionnalités à venir dans Chrome 50.
- Chrome
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.
- Chrome
Modification de l'orientation des appareils dans Chrome 50
DeviceOrientationEvent utilise des degrés relatifs, et il en existe un nouveau DeviceOrientationAbsoluteEvent.
- Chrome
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.
- Chrome
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
Chrome est compatible avec createImageBitmap() dans Chrome 50
Prise en charge du décodage des images chez les workers qui arrivent dans Chrome 50.
- Chrome
Validation DOMTokenList ajoutée dans Chrome 50
Vérifiez la compatibilité de différentes fonctionnalités directement dans le code, à venir dans Chrome 50.
- Chrome
Abandon et suppression d'API dans Chrome 50
Un récapitulatif des abandons et suppressions d'API dans Chrome pour vous aider à planifier.
- Chrome
Prise en charge de Canvas toBlob() dans Chrome 50.
Prise en charge de Canvas.toBlob défini pour arriver dans Chrome 50.
- Chrome
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'.
- Chrome
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.
- Chrome
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.
- Chrome
HTMLMediaElement.play() renvoie une promesse
Dites adieu aux incertitudes de lecture automatique ! play() renvoie désormais une promesse.
- Chrome
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.
- Chrome
Surveiller les variables dans les sources
Les outils pour les développeurs Chrome vous permettent de visualiser facilement plusieurs variables dans votre application.
- Outils pour les développeurs Chrome
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.
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
Manipulation des URL simplifiée avec URLSearchParams
TURLSearchParams : accès et manipulation simples de la chaîne de requête de l'URL
- Chrome
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.
- Chrome
Premiers pas avec les Progressive Web Apps
Découvrez comment commencer à créer des Progressive Web Apps.
- Chrome
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.
- 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é.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Ressources d'animations Web
Ressources et autres ressources pour l'API Web Animations
Gérer le déclenchement de la fonctionnalité Appuyer pour rechercher
Comprendre quand et comment la fonctionnalité Appuyer pour rechercher est déclenchée
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Outils pour les développeurs Chrome
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.
- Chrome
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.
- Chrome
API History – Restauration du défilement
Mise à jour de l'API History pour éviter les sauts de défilement disgracieux.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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 ?
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Utiliser requestIdleCallback
requestIdleCallback est une nouvelle API de performances permettant de planifier des tâches lorsque le navigateur est inactif.
- Chrome
Cinq astuces à utiliser dans le panneau de la console
Cinq astuces à utiliser dans le panneau de la console
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Amélioration du fil d'Ariane DOM
Saviez-vous que le panneau "Éléments" contient un fil d'Ariane ?
- Chrome
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 ?
- Chrome
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.
- Chrome
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().
- Chrome
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.
- Outils pour les développeurs Chrome
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Qui inspecte l'inspecteur ?
Saviez-vous que vous pouvez inspecter vos outils de développement à l'aide des outils de développement ?
- Chrome
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.
- Chrome
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.
- Chrome
Groupes de couleurs du réseau
Découvrez quelles couleurs correspondent à quel type de ressource afin d'identifier facilement les ressources.
- Chrome
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.
- Chrome
Modifiez/affichez rapidement des ressources depuis le panneau "Elements"
Modifiez/affichez rapidement des ressources depuis le panneau "Elements"
- Chrome
event_rules
Documentation de référence sur la propriété event_rules de manifest.json.
- Extensions Chrome
event_rules
Documentation de référence sur la propriété event_rules de manifest.json.
- Extensions Chrome
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.
- Chrome
- Extensions Chrome
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.
- Chrome
Éditeur de lissage de vitesse
Sélectionnez une propriété CSS de lissage de vitesse pour afficher un aperçu animé de son comportement.
- Chrome
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.
- Chrome
Nœud DOM actuellement sélectionné
Découvrez le raccourci de la console rapide pour obtenir le nœud DOM actuellement sélectionné.
- Chrome
Alt+clic pour développer tous les nœuds enfants
Alt 43 – Cliquer pour développer tous les nœuds enfants
- Chrome
- Outils pour les développeurs Chrome
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).
- Chrome
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).
- Chrome
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.
- Chrome
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
- Chrome
Afficher dans le panneau des éléments
Affichez les nœuds DOM dans le panneau des éléments de la console.
- Chrome
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]).
- Chrome
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é.
- Chrome
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 est en cours de mise à niveau. Actuellement disponible dans Chrome Canary
- Chrome
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.
- Chrome
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).
- Chrome
- Outils pour les développeurs Chrome
Modifier rapidement les valeurs CSS
Modifiez rapidement les valeurs CSS avec le clavier ou la molette de la souris
- Chrome
Relancer une requête réseau dans cURL
Découvrez comment déboguer une requête réseau à partir de la ligne de commande.
- Chrome
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" ?
- Chrome
- Outils pour les développeurs Chrome
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
- Chrome
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.
- Chrome
Pellicules dans le panneau "Network"
Naviguer visuellement dans le panneau "Réseau" et afficher les captures d'écran lors du chargement de la page
- Chrome
Déclenchement de pseudo-classes
Découvrez comment déclencher des pseudo-classes telles que :active pour déboguer correctement votre CSS.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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".
- Chrome
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.
- Chrome
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".
- Chrome
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.
- Chrome
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.
- Chrome
Points forts des énoncés précis
voir l'instruction exécutée exacte avec la mise en surbrillance granulaire ;
- Chrome
Modifications locales
Les modifications locales vous permettent de voir quelles modifications ont été apportées (via les outils de développement) à certains fichiers sources.
- Chrome
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.
- Chrome
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).
- Chrome
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.
- Chrome
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.
- Chrome
Extraits prédéfinis
Vous savez exécuter des extraits de code prédéfinis sur une page Web.
- Chrome
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.
- Chrome
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).
- Chrome
Afficher dans le panneau "Elements"
Révélez les nœuds DOM dans le panneau "Elements" de la console.
- Chrome
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é.
- Chrome
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]).
- Chrome
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.
- Chrome
Alt+clic pour développer tous les nœuds enfants
Alt 43 – Cliquer pour développer tous les nœuds enfants
- Outils pour les développeurs Chrome
- Chrome
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.
- Chrome
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.
- Chrome
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).
- Chrome
Éditeur de lissage de vitesse
Sélectionnez une propriété CSS de lissage de vitesse pour afficher un aperçu animé de son comportement.
- Chrome
Majuscules automatiques pour mobile
Les utilisateurs ne craignent pas de saisir davantage de texte : ils ne sont plus en suspens.
- Chrome
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.
- Chrome
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é.
- Outils pour les développeurs Chrome
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.
- 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.
- Chrome
Déboguer à distance les appareils Android
Déboguez à distance le contenu en direct d'un appareil Android depuis un ordinateur Windows, Mac ou Linux.
- Outils pour les développeurs Chrome
Afficher les ressources de la page
Organisez les ressources par frame, domaine, type ou d'autres critères.
- Outils pour les développeurs Chrome
Débogage à distance des WebViews
Déboguez des WebView dans vos applications Android natives à l'aide des outils pour les développeurs Chrome.
- 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.
- Outils pour les développeurs Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Notifications push sur le Web ouvert
Les messages push et les notifications arrivent dans Chrome 42.
- Chrome
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.
- Chrome
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
- Chrome
Sommet des développeurs Chrome 2014 : Créons des applications avec Polymer
Créer des applications avec Polymer
- Chrome
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.
- Chrome
image-rendering:pixelated
Pixelisation de la nation En ce moment dans Chrome 41
- Chrome
Conserver l'état lors des mutations DOM avec moveBefore()
Déplacer des nœuds dans le DOM sans perdre l'état critique
- Chrome
Modules partagés
Comment partager du code entre des extensions Chrome
- Extensions Chrome
Sommet des développeurs Chrome 2014 – Polymer – État de l'Union
État de l'union des polymères.
- Chrome
Modules partagés
Comment partager du code entre des extensions Chrome
- Extensions Chrome
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.
- Chrome
Messagerie native
Comment échanger des messages avec des applications natives à partir de votre application Chrome
Commande de lecture des animations Web dans Chrome 39
En savoir plus sur la lecture d'animations Web
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
Étape 5: Ajouter des images à partir du Web
Ajouter des images à votre application Chrome à l'aide de XHR et d'ObjectURL
Créer une application Chrome Todo
Introduction à l'atelier de programmation.
Étape 3: Ajoutez des alarmes et des notifications
Comment réactiver l'application Chrome à des intervalles donnés et utiliser les notifications.
Étape 7: Publiez votre application
Publier votre application Chrome sur le Chrome Web Store
É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
Générateurs : les bits gourmands en ressources
Exploration des générateurs ES6.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Modifications de Web Audio dans m36
Description du travail de nettoyage des normes Web Audio dans Chrome 36
- Chrome
é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
- Chrome
Récapitulatif des outils de développement : Chrome 35
Mises à jour des outils pour les développeurs dans Chrome 35
- Chrome
Utiliser l'API Notifications
Affichez les notifications pour les utilisateurs de l'extension Chrome.
- Extensions Chrome
API de notifications enrichies
Afficher les notifications destinées aux utilisateurs de vos extensions Chrome
- 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.
- Chrome
Automatiser la mesure des performances Web
Utilisez PSI pour intégrer des métriques de performances Web dans votre processus de compilation.
- Chrome
Moteurs de jeu
Moteurs de jeu recommandés pour les applications Chrome
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.
- 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/).
- Chrome
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
Une fonctionnalité puissante qui rend JavaScript unique est 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
- Chrome
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.
- Chrome
Fichier manifeste – Bluetooth
Documentation de référence sur la propriété Bluetooth de manifest.json.
Bluetooth
Comment communiquer avec des appareils Bluetooth depuis votre application Chrome.
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.
- Extensions Chrome
Workflow WebView
Tutoriel expliquant comment utiliser Yeoman, Gradle et Grunt pour créer une application Web.
Conseils et astuces
Conseils pour améliorer votre application WebView.
WebView au pixel près
Créer des UI WebView parfaites
Tutoriel: Migrer vers Manifest V2
Consignes pour passer de Manifest V1 à Manifest V2.
- Extensions Chrome
Premiers pas
Instructions détaillées pour créer une extension Chrome
- Extensions Chrome
Questions fréquentes
Questions fréquentes sur les extensions Chrome
- Extensions Chrome
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
- Chrome
chrome.location
Documentation de référence de l'API chrome.location.
- Extensions Chrome
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.
- Chrome
Remplacement des paramètres Chrome
Remplacer les paramètres Chrome à partir d'une extension Chrome
- Extensions Chrome
Remplacement des paramètres Chrome
Remplacer les paramètres Chrome à partir d'une extension Chrome
- Extensions Chrome
Yo Polymer - Visite guidée des outils de composants Web
Visite guidée des composants Web, de Polymer et des outils frontaux correspondants.
- Chrome
Applications Web qui parlent – Présentation de l'API Speech Synthesis
Présentation de la fonctionnalité de synthèse de l'API Web Speech.
- Chrome
Sommet des développeurs Chrome : récapitulatif des plates-formes
Plates-formes
- Chrome
Sommet des développeurs Chrome : récapitulatif des performances
Importance des performances
- Chrome
prises
Documentation de référence sur la propriété de sockets de manifest.json.
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
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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 !
- Chrome
Terminal des outils de développement
Utiliser votre terminal à partir des outils de développement
- Chrome
Fichier manifeste des zones de stockage
Documentation de référence sur la propriété de stockage de manifest.json.
- Extensions Chrome
Fichier manifeste pour le stockage géré
Documentation de référence sur la propriété de stockage de manifest.json.
- Extensions Chrome
Outils pour les développeurs Chrome pour mobile
Enregistreur d'écran et émulation
- Chrome
Outils pour les développeurs Chrome : récapitulatif du mois de novembre
Les outils pour les développeurs Chrome évoluent rapidement. Nous souhaitons attirer votre attention sur de nouvelles fonctionnalités et améliorations que nous avons apportées à quelques-uns d'entre eux. Nous allons tout d'abord parler de certaines
- Chrome
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.
- Chrome
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.
- Chrome
Appareils série
Communiquer avec des appareils en série depuis votre application Chrome.
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.
- Chrome
La mise en page Flexbox n'est pas lente
Bonne nouvelle ! La nouvelle Flexbox est 2,3 fois plus rapide que l'ancienne.
- Chrome
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.
- Chrome
É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.
- Chrome
url_handlers
Documentation de référence sur la propriété url_handlers de manifest.json.
externally_connectable
Documentation de référence sur la propriété external_connectable de manifest.json.
- Extensions Chrome
externally_connectable
Documentation de référence sur la propriété external_connectable de manifest.json.
- Extensions Chrome
Analytics
Comment intégrer Google Analytics à votre application Chrome.
Vidéo sur la transparence alpha dans Chrome
WebM vient d'ajouter la transparence alpha, et cette compatibilité est disponible dans Chrome 31.
- Chrome
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
- Chrome
La syntaxe sourceMappingURL et sourceURL a été modifiée.
La syntaxe sourceMappingURL et sourceURL a été modifiée.
- Chrome
Fichier manifeste – Bac à sable
Documentation de référence sur la propriété sandbox de manifest.json.
- Extensions Chrome
Manifest V2 : version [obsolète]
Documentation de référence sur la propriété de version de manifest.json.
- Extensions Chrome
Fichier manifeste – Version
Documentation de référence sur la propriété de version de manifest.json.
- Extensions Chrome
Fichier manifeste – URL de la page d'accueil
Documentation de référence sur la propriété home_url de manifest.json.
- Extensions Chrome
Fichier manifeste - Clé
Documentation de référence sur la propriété de clé du fichier manifest.json.
- Extensions Chrome
Fichier manifeste – Paramètres régionaux par défaut
Documentation de référence sur la propriété "default_locale" de manifest.json.
- Extensions Chrome
Fichier manifeste – Nom et nom abrégé
Documentation de référence sur les propriétés name et short_name de manifest.json.
- Extensions Chrome
Fichier manifeste – Bac à sable
Documentation de référence sur la propriété sandbox de manifest.json.
- Extensions Chrome
Fichier manifeste - Description
Documentation de référence sur la propriété de description de manifest.json.
- Extensions Chrome
Fichier manifeste – Paramètres régionaux par défaut
Documentation de référence sur la propriété "default_locale" de manifest.json.
- Extensions Chrome
Fichier manifeste - Description
Documentation de référence sur la propriété de description de manifest.json.
- Extensions Chrome
Fichier manifeste – Icônes
Documentation de référence sur la propriété des icônes de manifest.json.
- Extensions Chrome
Fichier manifeste – Modules Nacl
Documentation de référence sur la propriété nacl_modules de manifest.json.
- Extensions Chrome
Fichier manifeste - clé
Documentation de référence sur la propriété de clé du fichier manifest.json.
- Extensions Chrome
Fichier manifeste - nom
Documentation de référence sur la propriété "name" de manifest.json.
- Extensions Chrome
Fichier manifeste – URL de la page d'accueil
Documentation de référence sur la propriété home_url de manifest.json.
- Extensions Chrome
Fichier manifeste – Ressources accessibles sur le Web
Documentation de référence sur la propriété web_accessible_resources de manifest.json.
- Extensions Chrome
Fichier manifeste – navigation privée
Documentation de référence sur la propriété de navigation privée de manifest.json.
- Extensions Chrome
Fichier manifeste – Hors connexion activé
Documentation de référence sur la propriété offline_enabled de manifest.json.
- Extensions Chrome
Fichier manifeste – short_name
Documentation de référence sur la propriété short_name de manifest.json.
- Extensions Chrome
Version du fichier manifeste
Documentation de référence sur la propriété manifest_version de manifest.json.
- Extensions Chrome
Manifeste : version minimale de Chrome
Documentation de référence sur la propriété minimum_chrome_version de manifest.json.
- Extensions Chrome
Fichier manifeste – Ressources accessibles sur le Web
Documentation de référence sur la propriété web_accessible_resources de manifest.json.
- Extensions Chrome
Fichier manifeste – Conditions requises
Documentation de référence sur la propriété "requirements" de manifest.json.
- Extensions Chrome
Fichier manifeste – Conditions requises
Documentation de référence sur la propriété "requirements" de manifest.json.
- Extensions Chrome
Fichier manifeste – navigation privée
Documentation de référence sur la propriété de navigation privée de manifest.json.
- Extensions Chrome
Fichier manifeste – Icônes
Documentation de référence sur la propriété des icônes de manifest.json.
- Extensions Chrome
Fichier manifeste – Gestionnaires de fichiers
Documentation de référence sur la propriété file_handlers de manifest.json.
Applications kiosque
Documentation de référence sur la propriété kiosk_enabled 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)
Visualiser les concepts Shadow DOM
Visualiser les concepts Shadow DOM
- Chrome
Que sont les extensions ?
Présentation de l'objectif des extensions Chrome et de leur développement.
- Extensions Chrome
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
- Chrome
WebRTC : démo RTCDataChannel, modifications des API... et Chrome communique avec Firefox
WebRTC : démo RTCDataChannel, modifications des API... et Chrome communique avec Firefox
- Chrome
Raccourci CSS Background bientôt disponible dans les navigateurs WebKit pour mobile
Raccourci CSS Background bientôt disponible dans les navigateurs WebKit pour mobile
- Chrome
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
- Chrome
Partage d'écran avec WebRTC
Partage d'écran avec WebRTC
- Chrome
Images de fond basées sur un canevas
Création d'un arrière-plan CSS à l'aide de canevas ou de WebGL
- Chrome
WebRTC frappe Firefox, Android et iOS
WebRTC frappe Firefox, Android et iOS
- Chrome
Créer des applications avec AngularJS
Guide sur la création d'applications Chrome avec AngularJS
Content Security Policy 1.0 est officiellement génial
Content Security Policy 1.0 est officiellement génial
- Chrome
Répondre aux modifications avec Object.observe
Répondre aux modifications avec Object.observe
- Chrome
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.
- Extensions Chrome
Globe interactif avec des nuanceurs CSS et Google Maps
Globe interactif avec des nuanceurs CSS et Google Maps
- Chrome
L'autorisation "activeTab"
Utiliser l'autorisation activeTab dans votre extension Chrome
- Extensions Chrome
L’autorisation activeTab
Utiliser l'autorisation activeTab dans votre extension Chrome
- Extensions Chrome
Utiliser eval() dans des iFrames en bac à sable
Utilisez la méthode eval() dans une extension Chrome.
- Extensions 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.
- Extensions Chrome
Proposer des options aux utilisateurs
Comment autoriser les utilisateurs à personnaliser votre extension
- Extensions Chrome
XMLHttpRequest multi-origine
Implémenter le format XHR multi-origine dans votre extension Chrome
- Extensions Chrome
Présentation de l'architecture
Explication générale de l'architecture logicielle des extensions Chrome.
- Extensions Chrome
Proposer des options aux utilisateurs
Permettre aux utilisateurs de personnaliser votre extension
- Extensions Chrome
Tutoriel: Google Analytics
Suivez des instructions détaillées pour suivre l'utilisation de votre extension avec Google Analytics.
- Extensions Chrome
Utiliser Google Analytics 4
Instructions détaillées pour suivre l'utilisation de votre extension avec Google Analytics 4
- Extensions Chrome
Formats des messages de localisation
Documentation de référence sur le format du fichier messages.json pour les extensions Chrome.
- Extensions Chrome
Formats des messages de localisation
Documentation de référence sur le format du fichier messages.json pour les extensions Chrome.
- 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
- Extensions Chrome
Remplacement de pages Chrome
Comment remplacer le gestionnaire de favoris Chrome, l'historique et les pages "Nouvel onglet" à partir de votre extension Chrome.
- Extensions Chrome
Modèles de correspondance
Comprendre les formats de correspondance d'URL dans les extensions Chrome.
- Extensions Chrome
Message transmis
Comment transmettre des messages entre les extensions et les scripts de contenu
- Extensions Chrome
Requêtes réseau multi-origines
Implémentez les requêtes réseau multi-origines dans votre extension Chrome.
- Extensions Chrome
Format du fichier manifeste
Présentation des propriétés manifest.json d'une extension Chrome.
- Extensions Chrome
Message transmis
Comment transmettre des messages entre les extensions et les scripts de contenu
- Extensions Chrome
Entrée audio Web en direct activée
Entrée audio Web en direct activée
- Chrome
Que sont les thèmes ?
Consignes pour créer un thème
- Extensions Chrome
Format du fichier manifeste
Présentation des propriétés manifest.json que vous pouvez utiliser dans votre extension Chrome.
- Extensions 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.
- Extensions 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.
- Extensions Chrome
Remplacer les pages Chrome
Comment remplacer le gestionnaire de favoris Chrome, l'historique et les pages "Nouvel onglet" à partir de votre extension Chrome.
- Extensions Chrome
Que sont les thèmes ?
Consignes pour créer un thème
- Extensions Chrome
Déboguer les extensions
Instructions détaillées pour déboguer les extensions Chrome
- Extensions Chrome
Extensions de débogage
Instructions de débogage des extensions Chrome
- Extensions 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
- Extensions Chrome
Utiliser l'évaluation dans les extensions Chrome
Utilisez la méthode eval() dans une extension Chrome.
- Extensions Chrome
Déclarer des autorisations et avertir les utilisateurs
Implémenter des autorisations pour protéger vos utilisateurs et votre extension
- Extensions Chrome
Architecture MVC
Présentation du modèle d'architecture logicielle du contrôleur de vue du modèle.
Périphériques USB
Comment communiquer avec des appareils USB depuis votre application Chrome.
Autres options de distribution des extensions
Comment distribuer des extensions Chrome en dehors du Chrome Web Store
- Extensions Chrome
Utiliser d'autres méthodes d'installation
Installer des extensions Chrome à l'aide du registre de préférences JSON ou Windows
- Extensions Chrome
Assurer l'accessibilité
Comment rendre votre extension Chrome accessible
- Extensions Chrome
Que sont les applications Chrome ?
Présentation des applications Chrome et des raisons pour lesquelles vous pourriez vouloir en créer.
Mise à jour automatique
Activer la mise à jour automatique de votre application Chrome
Contenu externe
Présenter du contenu externe dans votre application Chrome.
Authentification des utilisateurs
Authentifier les utilisateurs dans votre application Chrome
Étendre les outils de développement
Créer une extension Chrome qui ajoute des fonctionnalités aux outils pour les développeurs Chrome
- Extensions Chrome
Publier votre application
Publier votre application Chrome
Cycle de vie des applications Chrome
Présentation du cycle de vie des applications Chrome
Notifications enrichies avec webKit
Comment mettre en œuvre des notifications dans votre extension Chrome
- Extensions Chrome
Accessibilité (a11y)
Rendre votre extension Chrome Manifest V2 accessible
- Extensions Chrome
Scripts de contenu
Explication des scripts de contenu et de leur utilisation dans votre extension Chrome.
- Extensions Chrome
API Web
Les applications Chrome peuvent utiliser toutes les API à la disposition des sites Web.
Étendre les Outils de développement
Créer une extension Chrome qui ajoute des fonctionnalités aux outils pour les développeurs Chrome
- Extensions 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.
- Extensions Chrome
Architecture des applications Chrome
Présentation de l'architecture logicielle des applications Chrome.
Hors connexion en priorité
Comment créer des applications Chrome qui fonctionnent hors connexion
Créer votre première application
Tutoriel sur la création d'une application Chrome de base.
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
- Extensions Chrome
API Storage
Gérer le stockage dans l'application Chrome
Communications réseau
Utiliser TCP et UDP dans votre application 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
- Extensions Chrome
Modifications d'empilement à venir dans position:fixed éléments
empilement des modifications arrivant sur position:fixed éléments
- Chrome
Visez juste ! Position dans WebKit
Visez juste ! Position dans WebKit
- Chrome
Intégrer input[type=file] à l'API Filesystem
Intégrer input[type=file] à l'API Filesystem
- Chrome
Lorsque les millisecondes ne suffisent pas : performance.now
Lorsque les millisecondes ne suffisent pas : performance.now
- Chrome
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
- Chrome
Petites questions fréquentes sur input[type=date] dans Google Chrome
Petites questions fréquentes sur input[type=date] dans Google Chrome
- Chrome
Mesurer les performances graphiques du navigateur
Mesurer les performances graphiques du navigateur
- Chrome
Possibilité de glisser-déposer un dossier dans Chrome
Possibilité de glisser-déposer un dossier dans Chrome
- Chrome
Arrivé ! xhr.send(ArrayBufferViews)
Arrivé ! xhr.send(ArrayBufferViews)
- 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
- Chrome
É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
- Chrome
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
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
Traitement des importations de fichiers XHR2 en PHP
Exemple de code de serveur pour illustrer comment gérer les importations de fichiers
- Chrome
Protothon WebRTC
Le 24 mars, Google a organisé le premier événement WebRTC pour les développeurs : le protothon WebRTC.
- Chrome
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).
- Chrome
Résumé des ressources internes du navigateur Web
La plupart des ressources qui expliquent le fonctionnement interne des navigateurs Web
- Chrome
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.
- Chrome
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 minimisé, sans affecter les performances? Vous pouvez désormais le faire grâce à la magie des cartes sources. Les mappages
- Chrome
Optimisation de JavaScript
JavaScript est relativement rapide, mais peut toujours l'être plus rapidement. Découvrez comment optimiser les performances de JavaScript.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Détecter les modifications DOM avec des observateurs de mutation
Présentation des observateurs de mutations.
- Chrome
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
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Utiliser une précision moyenne dans WebGL si possible
Avertissement de la part de nos amis d'Opera, qui ont testé WebGL sur du matériel OpenGL ES 2.0.
- Chrome
Gagnez en rapidité avec les outils pour les développeurs Chrome
Utiliser les outils de développement dans Chrome pour accélérer vos applications
- Chrome
Lire des vidéos en streaming à l'aide de l'API MediaSource
L'API MediaSource étend "HTMLMediaElement" pour permettre à JavaScript de générer des flux multimédias pour la lecture.
- Chrome
Présentation de la démonstration WebGL
Voici de nouvelles démos WebGL extraordinaires pour vous montrer ce que votre navigateur vous réserve.
- Chrome
Outils de cache d'application et générateurs automatiques
Le cache de l'application vous permet d'exécuter votre application Web hors connexion, de réduire considérablement le temps de démarrage et de réduire la facture de bande passante.
- Chrome
Définir le champ d'application dans les transactions IndexedDB
IndexedDB est une norme Web en constante évolution destinée au stockage d'importants volumes de données structurées dans le navigateur.
- Chrome
Laissez votre contenu parler – API Fullscreen
L'API plein écran permet aux applications Web d'indiquer par programmation à tout contenu de la page d'activer le mode d'affichage plein écran du navigateur, à partir de JavaScript.
- Chrome
WebSockets mis à jour vers la dernière version de Chrome Canary
L'API WebSocket a été mise à jour vers la dernière version (13) de Chrome Canary
- Chrome
Se tenir informé de la compatibilité avec HTML5 et les navigateurs
Il peut être difficile de se tenir au courant de ces fonctionnalités, mais uniquement si vous ne savez pas où chercher.
- Chrome
Effectuer un trajet avec Three.js
De plus en plus de développeurs proposent de nouvelles démonstrations en 3D, qu'ils soient déjà experts OpenGL ou novices en matière d'aventure.
- Chrome
Nouveau coupon de la Game Conference pour les développeurs de jeux HTML5
Empêchez-moi de remplir mes rapports TPS en apprenant à écrire des jeux HTML5 et WebGL sur New Game.
- Chrome
Vidéos de 7 minutes : conseils de pro pour la console JavaScript et nouvelles API DOM
Passez au niveau supérieur dans la console JavaScript grâce aux outils pour les développeurs Chrome.
- Chrome
Nœuds de calcul ♥ ArrayBuffer
Chrome 13 et FF5 permettent d'envoyer un "ArrayBuffer" (ou un tableau typé) vers/depuis un Web worker
- Chrome
En quoi le nouveau protocole WebSocket est-il différent ?
La spécification du protocole WebSocket a été récemment mise à jour pour résoudre les problèmes de sécurité précédents. Elle est en grande partie stable.
- Chrome
insertAdlateHTML partout
Comment insérer du contenu dans un document HTML
- Chrome
Déboguer l'API Filesystem
Le système de fichiers HTML5 est une API puissante. La puissance s'accompagne de la complexité. La complexité s'accompagne davantage de frustrations lors du débogage.
- Chrome
Rechercher des fichiers locaux avec l'API File System
Si vous disposez d'un objet File, vous pouvez le rechercher et lire des fragments sans lire l'intégralité du fichier en mémoire.
- Chrome
Bibliothèques/polyfills HTML5 – Mi-juillet
De nouvelles bibliothèques impressionnantes apparaissent partout,
- Chrome
Lancement de New Game, la conférence pour les développeurs de jeux HTML5
Rejoignez-nous à New Game, qui se tiendra du 1er au 2 novembre 2011 à San Francisco, en Californie.
- Chrome
Ne manquez aucun frame – Utilisation de l'API Page Visibility et de la vidéo HTML5
L'API Page Visibility permet de vérifier si l'onglet actuel est visible ou non.
- Chrome
Utiliser des images interdomaines dans WebGL
La spécification WebGL fait l'objet d'une mise à jour importante concernant les requêtes d'images interdomaines.
- Chrome
Bibliothèques HTML5 (fin juin)
Des bibliothèques passionnantes sont apparues ces derniers temps.
- Chrome
API Page Visibility – Ai-je attiré votre attention ?
Heureusement, la nouvelle API Page Visibility permet à votre application de déterminer si elle est visible ou non.
- Chrome
Contra dans HTML5 + API Web Audio
Grâce à la puissance de GWT, de HTML5 et de l'API Web Audio, nous pouvons créer Contra, le code de triche préféré de tous.
- Chrome
navigation.onLine dans la version en développement de Chrome
Avec les API hors connexion en HTML5, il n'y a aucune excuse pour proposer une expérience hors connexion parfaite aux utilisateurs.
- Chrome
Bienvenue sur updates.html5rocks.com
Afin de fournir plus rapidement des informations aux développeurs, nous avons créé ce flux de mise à jour HTML5 afin de mettre en avant les informations intéressantes à partager.
- Chrome
Audit de la vitesse de votre application Web
Une application Web rapide est une application Web réussie. Votre travail en tant que développeur n'est pas terminé tant que vous n'avez pas optimisé les performances réelles et perçues de votre application. Il ne s'agit pas seulement de la bonne
- Chrome
- Outils pour les développeurs Chrome
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Workbox
- Extensions Chrome
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Extensions Chrome
- Workbox
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- Extensions Chrome
- Workbox
Policies
Extension policies
- Extensions Chrome
- Workbox
Cancel a review
How to cancel a review in the Chrome Web Store.
- Extensions Chrome
- Workbox
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience
- Chrome
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- Workbox
- Rapport d'expérience utilisateur Chrome
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
chrome.declarativeWebRequest
Note: this API is deprecated. Check out the declarativeNetRequest API instead. Use the chrome.declarativeWebRequest API to intercept, block, or modify requests in-flight. It is significantly faster than the chrome.webRequest API because you can
- Workbox
- Extensions Chrome
Sign up for the Language Detection API origin trial
The Language Detection API is now available in a Chrome origin trial.
- Workbox
Chrome 129
Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.
- Chrome
What's missing from HTML and CSS?
Do you agree with the CSS Day attendees about what should be added to the web?
- Chrome
More efficient IndexedDB storage in Chrome
A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.
- Chromium
- Workbox
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Extensions Chrome
- Workbox
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Workbox
- Extensions Chrome
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- Workbox
- Extensions Chrome
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- Workbox
- Extensions Chrome
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Workbox
- Extensions Chrome
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Workbox
- Extensions Chrome
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- Workbox
- Extensions Chrome
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- Rapport d'expérience utilisateur Chrome
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- Extensions Chrome
- Workbox
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Extensions Chrome
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Extensions Chrome
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Workbox
- Extensions Chrome
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Extensions Chrome
- Workbox
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- Workbox
- Extensions Chrome
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- Workbox
- Extensions Chrome
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Workbox
- Extensions Chrome
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
Extensions / How to
Solve common development tasks around Chrome extensions
- Extensions Chrome
- Workbox
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- Extensions Chrome
- Workbox
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Workbox
- Extensions Chrome
Register your developer account
How to register as a Chrome Web Store developer.
- Workbox
- Extensions Chrome
Create a side panel
TBD
- Workbox
- Extensions Chrome
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- Extensions Chrome
- Workbox
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Workbox
- Extensions Chrome
Overview of CrUX
Introduction to the CrUX dataset.
- Workbox
- Rapport d'expérience utilisateur Chrome
Permissions
A list of permissions and user warnings available on the extensions platform.
- Extensions Chrome
- Workbox
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- Workbox
- Extensions Chrome
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Distribute your extension
How to host your Chrome extension.
- Extensions Chrome
- Workbox
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- Extensions Chrome
- Workbox
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Workbox
- Chromium
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Workbox
- Extensions Chrome
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- Extensions Chrome
User interface components
A catalog of user interface elements available in extensions.
- Workbox
- Extensions Chrome
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- Workbox
- Extensions Chrome
Prepare your extension
Prepare your extension files.
- Workbox
- Extensions Chrome
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Workbox
- Extensions Chrome
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Workbox
- Extensions Chrome
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- Extensions Chrome
- Workbox
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Extensions Chrome
- Workbox
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- Workbox
- Extensions Chrome
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Workbox
- Extensions Chrome
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Workbox
- Extensions Chrome
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Extensions Chrome
- Workbox
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Workbox
- Extensions Chrome
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Extensions Chrome
- Workbox
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- Workbox
- Extensions Chrome
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Extensions Chrome
- Workbox
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Extensions Chrome
- Workbox
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- Workbox
- Extensions Chrome
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- Workbox
- Extensions Chrome
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Extensions Chrome
- Workbox
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- Workbox
- Extensions Chrome
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- Workbox
- Extensions Chrome
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- Workbox
- Extensions Chrome
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Extensions Chrome
- Workbox
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Workbox
- Extensions Chrome
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- Extensions Chrome
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- Workbox
- Extensions Chrome
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- Workbox
- Extensions Chrome
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- Extensions Chrome
- Workbox
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- Workbox
- Extensions Chrome
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Workbox
- Extensions Chrome
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- Workbox
- Extensions Chrome
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- Extensions Chrome
- Workbox
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Extensions Chrome
- Workbox
Check on your review status
How to check the review status of your Chrome Web Store item.
- Workbox
- Extensions Chrome
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- Extensions Chrome
- Workbox
Cross-origin isolation
Overview of cross-origin isolation for extensions
- Workbox
- Extensions Chrome
Enterprise publishing options
How to distribute extensions to enterprise users
- Workbox
- Extensions Chrome
RenderingNG
In 2021, we largely completed the process of designing, building and shipping RenderingNG, a next-generation rendering architecture for Chromium.
- Workbox
- Chromium
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Workbox
- Extensions Chrome
Complete your listing information
How to add listing information for your Chrome Web Store item.
- Extensions Chrome
- Workbox
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- Extensions Chrome
- Workbox
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- Workbox
- Extensions Chrome
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Workbox
- Extensions Chrome
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Extensions Chrome
- Workbox
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Workbox
- Extensions Chrome
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- Workbox
- Extensions Chrome
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Workbox
- Extensions Chrome
Navigate Chrome DevTools with assistive technology
A guide on navigating Chrome DevTools using assistive technology like screen readers.
- Outils pour les développeurs Chrome
- Workbox
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Workbox
- Extensions Chrome
Branding Guidelines
Guidelines for use of Google trademarks.
- Workbox
- Extensions Chrome
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Extensions Chrome
- Workbox
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Extensions Chrome
- Workbox
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Extensions Chrome
- Workbox
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Timeline event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
- Outils pour les développeurs Chrome
- Workbox
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Workbox
- Extensions Chrome
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Workbox
- Extensions Chrome
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Workbox
- Extensions Chrome
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Workbox
- Extensions Chrome
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox
Introduction to Chrome Developer Tools, part one
Google Chrome is a rich and powerful web browser, pioneering what is possible for applications on the web. Google has worked hard to deliver a very fast, very stable, feature rich browsing experience for end users. Google has also ensured that
- Chrome
Summarizer
Get a short summary of every webpage.
Custom Cursor Extension
Adds a custom cursor on developer.chrome.com.
Multiple side panels
This recipe shows how to use sidePanel.getOptions() to retrieve the current side panel and switch between side panels.
Global side panel
Shows how to display the same side panel on every site using the Side Panel API.
Google Gemini Demo
Try the Gemini Models.
Chrome Built-in AI Demo
Try the built-in AI preview in Chrome.
Open extension API reference
Simple Theme
Hello World
Basic Hello World Extension
WebGPU Extension
Generate a red triangle with WebGPU in an extension service worker.
Dictionary side panel
Provides definitions in the side panel.
Privacy API sample
Uses the chrome.privacy.services property to get and set privacy settings.
User Scripts API Demo
Uses the chrome.userScripts API to inject JavaScript into web pages.
Keep Awake
Override system power-saving settings.
Conifer Music - Official app in the Microsoft Store
Conifer is FAST Conifer integrates perfectly with your PC Conifer offers beautiful music visualizations Conifer is completely cross-platform Conifer is a fast, cross-platform music player that lets your play all of YOUR music, you know, the music you actually own. Have some CDs? Rip them to your computer and add them to Conifer! Have some MP3s? Add them to Conifer!
Project Fugu API Showcase
Stadia Bluetooth mode
Switch your Stadia Controller to Bluetooth mode to keep gaming wirelessly on your favorite devices and services after Stadia shuts down
Wavacity
Wavacity is a port of the Audacity audio editor to the web browser. Free and open-source. No install required.
Native Messaging Example
Send a message to a native application.
Reading List API Demo
Uses the chrome.readingList API to display, update and remove reading list entries.
Winamp for Creators - Start your Creator's journey
Winamp for Creators puts the power back in your hands by giving you access to all the artist services you need to take control of your musical journey.
Transitions DJ
Transitions DJ is a web-based, ad-free DJ mixing app. Mix music online from SoundCloud or your own music collection.
Get started
Explore the fundamentals of music via Ableton's interactive website. Experiment with beats, melody, harmony, basslines, and song structure in your web browser.
Mammoth - Official app in the Microsoft Store
Discover a simpler way to socialize online with Mammoth, the Mastodon app that prioritizes ease-of-use and clean design. Experience the open-source, decentralized social network without the clutter. Join communities, share your thoughts, and connect with like-minded individuals all with just a few taps. Say goodbye to overwhelming feeds and complicated features, Mammoth simplifies the social media experience. AI Enhanced: - Struggling to find that perfect image to go along with your post? Have a funny idea for an image on a post? Generate it right in Mammoth with the magic of AI - Not understanding something in a post, or just want to learn more about a specific topic in a post? Click the search button on a post to have AI help you understand the post! - AI driven autocomplete and status generation: Have something to say but not sure how to say it best? Ask Mammoth to write it for you! Customizable: - Dark and light mode support - Theming User Friendly: - Cross Platform - Fast
Maskable.app
Preview maskable icons in the browser!
heritagein.info
Radio House
Netflix Spain - Watch TV Shows Online, Watch Movies Online
Watch Netflix movies & TV shows online or stream right to your smart TV, game console, PC, Mac, mobile, tablet and more.
AudioMass
AudioMass is a free full-featured web-based audio & waveform editing tool
Farmbound - a diurnal game of farming
iRobot Coding
Active Recall
Home · Semaphore
An alternative web client for Mastodon, focused on speed and simplicity.
kota-yata editor
WYSIWYG Markdown editor with pdf viewer
Spatial Fusion is Mixed Reality for the Web
A Mixed Reality WebXR technology showcase designed in collaboration between Meta, and PHORIA and LUSION.
Home · Pinafore
An alternative web client for Mastodon, focused on speed and simplicity.
S.E.P.I.A.
S.E.P.I.A. is an app and framework for your own server-based, extendable, private, intelligent assistant.
Spotify - Web Player: Music for everyone
Spotify is a digital music service that gives you access to millions of songs.
Terra - Notícias, esportes, coberturas ao vivo, diversão e estilo de vida
Veja no Terra as últimas notícias e as melhores coberturas ao vivo do Brasil e do Mundo, Esportes, Diversão, Vida e Estilo e assista os melhores vídeos no TerraTV.
Groceries
noctura.tech
Tylify: Create seamless patterns in seconds
Web-based pattern-making application. All image formats supported (SVG, PNG, JPG, etc). Export seamless patterns as SVG or PNG.
The best free, adless Chess server
Free online chess server. Play chess in a clean interface. No registration, no ads, no plugin required. Play chess with the computer, friends or random opponents.
Sign in - Google Accounts
Graphite
DEV Community
A constructive and inclusive social network for software developers. With you every step of your journey.
file-tree Web Component
A file tree web component giving access to a device's file system using the File System Access API
Download our software
Download Tidepool Uploader for Mac and Windows, and Tidepool Mobile on iOS and Android.
VSLite
TikTok - Make Your Day
TikTok - trends start here. On a device or on the web, viewers can watch and discover millions of personalized short videos. Download the app to get started.
Descript
Descript is an all-in-one audio/video editor and screen recorder that works like a doc.
The PWinter
The Playroom
Babylon.js Playroom - a demo of Babylon.js using the Havok physics engine for the web introduced in Babylon 6.0
Experience GeForce NOW Gaming Anywhere & Anytime
Instantly play the most demanding PC games and seamlessly play across your devices.
Play Fortnite
Play Fortnite with Xbox Cloud Gaming (Beta). The future of Fortnite is here. Be the last player standing in Battle Royale and Zero Build, explore and survive in LEGO Fortnite, blast to the finish with Rocket Racing or headline a concert with Fortnite Festival. Play thousands of free creator made islands with friends including deathruns, tycoons, racing, zombie survival and more! Join the creator community and build your own island with Unreal Editor for Fortnite (UEFN) or Fortnite Creative tools. Each Fortnite island has an individual age rating so you can find the one that's right for you and your friends. Find it all in Fortnite!
PPG.report
Weather report tailored for paramotor pilots, worldwide. Combines winds aloft, nearby Terminal Aerodrome Forecasts, hourly forecasts, NWS active alerts and TFRs.
Logi Web Connect
Logi Web Connect gives you pairing flexibility to connect your Logi mice & keyboards through your Bolt Receiver. And is the perfect solution to pair your devices to computers without installing any software.
A privacy-first, open-source knowledge base
A privacy-first, open-source platform for knowledge management and collaboration.
birdfood.gq
WealthPosition: Personal Finance & Budgeting App
WealthPosition, the best personal finance app to budget and track your finances for financial independence
Tibbo Web Apps
Polypad – Virtual Manipulatives – Mathigon
Virtual manipulatives, dynamic geometry, graph plotting, data science and more: explore the ultimate mathematical playground!
StackBlitz
Snae player
Lightweight on device music player right in your browser.
Snapdrop
Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.
D&D Tokenizer
Generate image tokens with fancy borders for D&D and other table games characters. Perfect for adding visuality to your gaming experience.
Xchart.com
Automatic anesthesia charting. Focus on your patient — not your paperwork.
ZQuest Classic
Play one of hundreds of quests in ZQuest Classic, or create your own! ZQuest Classic is a game engine where you can make your classic adventure game
Average Colour
Average Colour is a tool to find the average colour in an image.
PaintZ
MS Paint for Chromebooks. Create and edit drawings and other images. Simple, fast, works offline, touch- and mouse-friendly, and no plug-ins required!
PWA Haven
Collection of small, fast, simple PWA's to replace native OS apps.
LiveHeats
Helping organisers run sophisticated competitions with minimal effort. All-in-one platform for live scoring, heat draws, scheduling, rankings and registration.
Pointland
Web Metaverse with Point Cloud
Oryx: The ZSA Keyboard Configurator
A powerful, visual tool to configure your keyboard. Based on the open-source QMK firmware.
Emberly - Your knowledge. Organized.
Emberly’s visual organization of bookmarks, notes, and files let you master information overload and learn better.
Mishipay
JSON utility tool
Web site created using create-react-app
app.ampedstudio.com
Ok! So...
The drawing app to express, grasp, and organize your thoughts and ideas
Elk
A nimble Mastodon web client
ESC Configurator - for Bluejay, BLHeli_S and AM32
Flash and manage your ESCs online without needing to download anything. Supports BLHeli_S, Bluejay and AM32 firmware.
Intervalometer
CodeSpace - Firia Labs
OpenAI CLIP Image Search in JavaScript (Using ONNX Web Runtime)
Application to help utilities management.
Budgeting app
wami
Diffr
Sqlime - Online SQLite playground
Sqlime is an online SQLite playground for debugging and sharing SQL snippets.
Flipper Lab
Web platform for your Flipper
Ruby
Ruby (V3) is customizable, free, and fast.
Smart Text Editor
The text editor that requires only a browser and a keyboard!
Discover the best Creators in the Fanzone
Embrace your inner fan, subscribe to your favorite creators to get Winamp-exclusive content.
bundlejs
Visit bundlejs.com - bundlejs is a quick and easy way to bundle, minify, and compress your ts, js, and npm packages all online.
Ensō
Writing is Thinking
Home Planner - Target
Plan your home, room by room. Design & style it virtually—then shop, share or save for later.
StackEdit – In-browser Markdown editor
Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.
Postr.me
Capture social network post to nice image and video
drum utility - teenage engineering
a utility for creating sample packs for the OP-1 field, OP-1, and OP-Z
Your connected workspace for wiki, docs & projects
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Toaster
Toaster is a 3D editor that models in pure CSS + HTML. No WebGL, no canvas. Impractical? Yes. Useless? Also yes.
NFC Tools Online
Online tools to read and write the data on your NFC tags.
[md.edit]
A markdown editor web app based on the File System Access API
Memos AI
Memos AI allows you to record notes with ACCURATE transcriptions, powered by AI, on any device. Need to record a lecture to help with notes? Memos AI can do that AND give you an accurate transcript of what was said.
BrewFlasher Web Edition
Hindi Bollywood » Live Online Fm Radio From India Stations
Click here Download Apk
Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
WTFOS Configurator
Root and configure your DJI HD FPV goggles and air-units via web interface.
Lynx Toolbox
Lynx Toolbox is an online tool to help you manage your Lynx headset. You can use it to install apps, update your device, or perform various other actions.
Beautiful Free Images & Pictures
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
AirConsole - Multiplayer games for friends
AirConsole is an online video game console. Play over 190 multiplayer games. Your smartphones are the controllers.
Web Serial Controller
Connect to any USB or Bluetooth Serial Device from your browser using the Web Serial API Controller
Edit Photos and modify with Effects PhotoPWA.com
This online tool helps you easily cut and edit your photos. You can trim them just right, change the size, add cool filters, and make your images better with no hassle. The website as PWA is easy to use, so you can make your photos perfect and use fun filters.
docs.qq.com
Descript
There are simple podcast & video editors and there are powerful ones. Only Descript is both & it features magical AI, so you can skip the hard part of editing. Get started for free.
Globs Designer
Design with globs, a stretchy new design primitive. Tired of the pen tool? Need smarter curves? Want to design from code? Get started with globs.
Microsoft Loop - Think, plan and create together
Edit Photo
No ads, no popups, no cookies, no account. The fastest way to edit photos online
Last Finger Standing
Need to pick someone to go first? To pay the bill? To buy milk? Just have everyone put a finger on the screen and wait. Last Finger Standing will make your choice automatically! A quick and easy app to randomly select someone from a group of people.
The Session
An online community dedicated to traditional Irish music.
ESP Web Tools
Easily allow users to flash new firmware for their ESP-devices on the web.
Readonly
Readonly links, for your read only.
Graphtoy
Graphing functions easily on the web
VRoid Hub
VRoid Hubは、3Dキャラクターのための投稿・共有プラットフォームです。モデルデータをアップロードするだけでキャラクターが活き活きとアニメーションするプロフィールページを作成でき、利用条件と共にモデルデータを配布することもできます。登録した3Dモデルは、VRoid Hubと連携した各種VR/ARプラットフォームや3Dコンテンツ上で利用可能です
Blockbench
Barcode/QR code Scanner
A Progressive Web Application (PWA) that scans barcodes of various formats, using the Barcode Detection API.
Raverie Engine
GDevelop game making app
Build your own game super fast and without programming. Publish on mobile, desktop and on the web.
SpaceLancer
readyplayer.me
Scrapbook PWA
Online Virtual Piano Keyboard with MIDI Functionality
This virtual piano gives you a simple way to practice your piano/keyboard skills online. Just connect a MIDI controller and start playing right away.
GIFWorks
GIFWorks makes movies from shared screens and webcams. Once recorded, videos can be optimized and saved as GIF or downloaded as WebM.
Kiwix JS PWA
Offline Wikipedia reader
Oxygen Saturation Monitor
Monitor your oxygen saturation and heart rate with a bluetooth pulse oximeter
Ilaria Food & Home – Ricette e stile di vita sostenibile
Ricette e stile di vita sostenibile
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Open Video
Open local video files using the browser.
Amazingly Simple Graphic Design Software – Canva
Amazingly Simple Graphic Design Software – Canva
Soundslice
Learn music better with our living sheet music.
EdgeTX Buddy
GrapheneOS web installer
Web-based installer for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility.
Leonidas Esteban, Google Developer Expert en Web Technologies
Te enseño el cómo y el porqué de cada línea de código, aprendamos a programar juntos.
pixiv Sketch - お絵かきコミュニケーションアプリ
日々のお絵かきを手軽に楽しめるお絵かきコミュニケーションアプリ。落書きや描きかけの絵も気軽にシェア、いつでもどこでもお絵かきを楽しめます。
Toot Café
A Mastodon instance mostly populated by folks interested in web design and development.
Telegram
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
Trovo
Trovo is an interactive live streaming platform, you can check out the hottest games live, share your own gaming experiences, and join an amazing community created especially for gamers, creators and do-ers.
Mandadin 4
Radio Garden
Explore live radio by rotating the globe.
X. It’s what’s happening
From breaking news and entertainment to sports and politics, get the full story with all the live commentary.
Duino App
Top War
In Top War, modern tanks are merged out of basic gunman, everything can be merged here.No more upgrade waiting times, merge two together and the upgrade will finish instantly.
LittleBits Fuse
Play board games online from your browser
The world's #1 platform for playing board games online. Play hundreds of board games from your browser for free.
Expressive Canvas
Amazon Luna – Amazon Cloud Gaming
Amazon Luna is a cloud gaming platform developed and operated by Amazon. Play great games on devices you already own.
Popular MIDIs — BitMidi
Listen to free MIDI songs, download the best MIDI files, and share the best MIDIs on the web.
Element
YouTube Audio Player
An awesome audio player for YouTube videos
WebAssembly demo with File System Access
A demo showing WebAssembly + WASI apps running on the Web with access to a real filesystem.
Vectorpea
Vectorpea Online Vector Editor lets you edit vector graphics, AI, SVG and PDF files!
Web Xmodem
Flowchart Maker & Online Diagram Software
Learning Synths
Learn about synthesizers via Ableton’s interactive website. Play with a synth in your browser and learn to use the various parts of a synth to make your own sounds.
Getting Started
UsTaxes is an open source webapp for filing US federal income tax. All tax calculations are performed in the browser, so no personal information is stored on external servers!
Creating Kaleidoscopes from Photos with Online Tool
Discover the mesmerizing world of kaleidoscopes and unlock your artistic potential with our user-friendly online tool. Whether you're drawn to the symmetrical beauty of mandalas or nostalgic for the classic kaleidoscopes of your childhood, our tool offers endless possibilities
natto.dev - write JavaScript on a 2D canvas
studio.samlabs.com
codev5.vex.com
JSMusicDB
Edit • Video
No ads, no popups, no cookies, no account. The fastest way to edit video online
Vernier Graphical Analysis®
Vimeo Interactive Video Experience Platform
Roland50.studio
Emulate the sound of Roland's most famous and influential musical instruments from Yuri Suzuki and Roland.
Pokémon of the Week
A game of collecting and collaborating
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
1tuner
Listen to radio, podcasts and create playlists.
Snapchat. Now on the web.
Try the new Snapchat for Web on your computer to chat, call friends, use Lenses, and more
VIA
Your keyboard's best friend
Markwhen
It's about time. Markwhen is a simple language for creating beautiful calendars, timelines, and more.
Free and open source 2D and 3D game engine
Use the Godot Engine editor directly in your web browser, without having to install anything.
Trimble Identity
Narrow One
Capture the flag medieval style!
LogIn
Capture QR Code
Instantly snap QR codes on mobile and desktop without installing an app.
web.autocad.com
Access AutoCAD® in the web browser on any computer. With the AutoCAD web app, you can edit, create, and view CAD drawings and DWG files anytime, anywhere.
MConverter: Easy to Use Online File Converter
Convert securely video, audio, image, e-book, office & archive files. Bulk convert large files up to 2 GB. Free and easy to use converter.
Find all Unicode characters from Hieroglyphs to Dingbats – Codepoints
Codepoints is a site dedicated to Unicode and all things related to codepoints, characters, glyphs and internationalization.
Android Flash Tool
Art Class
MOMO Pro
Impeccable timing and knowledge separate the stock trading elite. MOMO Stock Discovery App gives real-time stock market insight and alerts to time trades from desktop browser, iPhone, or Android.
Look Scanned
Look Scanned is a pure frontend site that makes your PDFs look scanned! No need for printers and scanners anymore - everything you need to do is just a few clicks.
Microsoft MakeCode Computer Science Education
MakeCode brings computer science to life for all students with fun projects, immediate results, and both block and text editors for learners at different levels.
Expressive Animator
Construct 3 r368.2 ★★★★★
Launch Construct 3 r368.2. Make games with the world's easiest browser-based game creator. Try for free now and begin your game development journey.
Adobe Photoshop
Best-in-class editing and design tools to create, modify, refine, and remix images into content you'll love. Straight from your browser.
Perfetto UI
Floor796
Make music in an online DAW
Produce music online. Make beats, record audio, and collaborate.
Learn a language for free
Learn languages by playing a game. It's 100% free, fun, and scientifically proven to work.
Remap
Remap allows you to find, build, set up and customize your keyboard quickly and easily in Web Browser.
SVGcode
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.
Hostme
Hostme is everything you need to successfully run your restaurant business!
Runway
Everything you need to make anything you want.
velocity.radon.games
Music Instrument tuner app
Tune guiter, bass, ukulele. Also allows you to tune with chromatic tuner. This also has a useful metronome that you can use while you jam.
Free Online Games on CrazyGames
Play free online games at CrazyGames, the best place to play high-quality browser games. We add new games every day. Have fun!
Linear – A better way to build products
Linear streamlines issues, sprints, and product roadmaps. It’s the new standard for modern software development.
Notepad - Offline capable
An offline capable notepad powered by ServiceWorker. It's quick, distraction-free, dark mode enabled, mobile compatible(Android, iOS) and minimalist in nature.
Voyager for Lemmy
Voyager is a beautiful mobile web client for Lemmy. Enjoy a seamless experience browsing the fediverse.
Ace Seventh Heaven
Visual Day scheduler.
Craft — A fresh take on documents
Get started today, it's free.
IRCCloud
IRCCloud is a modern IRC client that keeps you connected, with none of the baggage. Stay synced and notified wherever you are with our web and mobile apps.
Install Tasmota
﹒ Blob City ﹒
Live Online Music Collaboration
Sessionwire Studio is a powerhouse creative communication suite for your production team featuring live video and studio quality HQ Audio.
Espruino Web IDE
Cue for Education
WebGamer 🎮 Play Free Online Games
Play free online games instantly in your browser. WebGamer is a portal of next-gen web games you can play now without installing anything!
gphoto2 on the Web
STORZ & BICKEL
STORZ & BICKEL Web App for Bluetooth Devices.
Cleanfeed
www.capcut.com
NiftyPass
Improv Wi-Fi: Open standard for setting up Wi-Fi via Bluetooth LE and Serial
Free and open standard with ready-made SDKs that offer a great user experience to configure Wi-Fi on devices.
USpeaking
Free Online AI Photo Editor, Image Generator & Design tool
Get creative with Pixlr’s online photo editing & design tools. Including AI image generator, batch editor, animation design, enhancer & more. Try now for FREE!
Wormhole - Simple, private file sharing
Wormhole lets you share files with end-to-end encryption and a link that automatically expires.
Vodon Player
Songwhip - Free music links to all platforms
In one click, Songwhip finds your music everywhere & makes a page you can share with everyone
Hoppscotch • Open source API development ecosystem
Helps you create requests faster, saving precious time on development.
Vysor
Chip Player JS
glTF Report
Viewer, analysis tool, script editor, and validator for 3D models in glTF 2.0 format.
bridge. v2
bridge. is a light-weight IDE for Minecraft Add-Ons
BandLab - Make Music Online
The cloud platform where musicians and fans create music, collaborate, and engage with each other across the globe
Error
Daily Writing Builder
LEGO Education SPIKE
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
TgStorage
Advanced Saved Messages of the Telegram. Organize your notes, links, checklists, photos and any documents in the free unlimited Telegram Cloud.
Adobe Podcast
Next generation audio from Adobe is here. Record, transcribe, edit, share. Crisp and clear, every time.
Logbook
regex101: build, test, and debug regex
Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET, Rust.
GoldWave Infinity Audio Editor
GoldWave Infinity audio editing, recording, conversion, and visual analysis app.
daedalOS
Desktop environment in the browser
Slack is your productivity platform
Slack is a new way to communicate with your team. It’s faster, better organized, and more secure than email.
Photopea
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
SQLite Viewer Web App
A free online SQLite Explorer, inspired by DB Browser for SQLite and Airtable. Use this web-based SQLite Tool to quickly and easily inspect sqlite files on the web.
Link Cleaner
Remove tracking code and other variables from web links with the press of a button!
github.dev
Senomix Timesheets - Sign-In
Senomix Time and Expense Tracking Software for Mac and Windows
Discover recipes, home ideas, style inspiration and other ideas to try.
Real Time Lightning Map
See lightning strikes in real time across the planet. Free access to maps of former thunderstorms. By Blitzortung.org and contributors.
WebScan
An experimental project to bring document/image scanning to the web (USB scanners).
Wootility Web
Instantly edit your Wooting keyboard profiles and colors from the browser.
Codeit
Run projects, code your ideas, and share it all on Codeit.
STEM.TECH
Hear in a new way with STEM
Speakflow — Online Teleprompter - AI Powered
Speakflow is an online teleprompter! Write and save scripts; collaborate with your team; Includes voice-activated scrolling. Works on Windows, Mac, iOS, Android, and more!
Tinder
With 55 billion matches to date, Tinder® is the world’s most popular dating app, making it the place to meet new people.
NumWorks
tldraw
A free and instant collaborative diagramming tool.
PocketLab Notebook
Create your free account or sign in here.
Build expressive charts or dashboards with code
Turn your most complex data into actionable insights faster with Observable. The future of data visualization, dashboards, and data apps starts here.
pwamp
YT Playlist Notifier
Get notified when YouTube playlists are updated.
www.contactsdirect.com
Bangle.io
HexEd.it - Browser-based Online and Offline Hex Editing
HexEd.it is a free hex editor for Windows, MacOS, Linux and all other modern operating systems, which uses HTML5 and JavaScript (JS) technology to enable hexediting online, directly in your browser.
Create an account or log in to Instagram - A simple, fun & creative way to capture, edit & share photos, videos & messages with friends & family.
Shared Game Timer
A board game timer that synchronizes across multiple devices.
Bluesky Social
See what's next.
bluetooth.rocks
CrosKeys by CrosExperts
Unlock your Chromebook's potential with a powerful keyboard launcher!
ManifoldCAD
Fast, reliable, parametric solid modeling web app. Programmatic 3D design with JavaScript, inspired by and improving upon OpenSCAD & JSCAD. Demonstrates a new GPU-parallel, open-source geometry kernel: Manifold.
Typst: Compose papers faster
Focus on your text and let Typst take care of layout and formatting. Sign up now and speed up your writing process.
SnapperGPS - Home
Home page of SnapperGPS - A small, low-cost, low-power wildlife tracking system.
mgerhardy.github.io
CityHop
Take leisurely walks and drives around the world while chilling to lofi music 🎶
BPM Techno - Free Online Real-Time BPM Counter for DJ
Produce some beats using any player, launchpad, keyboard, and mix them live with another track easily and precisely using this free online real-time BPM counter
Soundtrap - Make music online
Make music together online. Free instruments, loops, drum kits, and vocal tuner in one studio. Record, edit, mix, and master your audio, no downloads - sign up for free.
Install WLED
TopDecked Unified
The essential Magic App for brewers, collectors, traders, competitors, and fans.
Beatport DJ
Beatport DJ is the world's first web based DJ software built for music discovery and playlist management. Subscribe to Beatport Streaming and start mixing with millions of tracks.
Fotor - Free Online Photo Editing Tools
Upload image in Fotor online photo editor to crop image, add text to photo, enhance image, remove background, create graphics & more for free.
みんなのネバーランド - 約束のネバーランド公式コミュニティ -
みんネバは約束のネバーランド好きが集まる公式コミュニティです。考察やファンアート、約ネバの話題で盛り上がろう！
GoodNotes
GoodNotes app
dot big bang
dot big bang is a way to create and share games with your friends. Create on your own or with your friends, share with anyone by just sending a link!
Color Picker - ThreeJS
A ThreeJS color picker
Boxy SVG
Create and edit Scalable Vector Graphics (SVG) files online
PhotoStack
PhotoStack has moved to https://photostack.app
Journalistic
A micro journaling app with minimalistic design, pristine writing experience, and powerful insights.
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today.
Accessible UK Train Timetables
A blazingly small and fast UK train times journey planner and live departure boards, with bookmarkable URLs as a web app, and offline saving of viewed journeys.
Hypertext
HTML Document Editor
Pixel-Art Editor & NFTs Laboratory
Make pixel art from real life images and draw on the image you can edit for free, filters, layers, library, are within the editor.
Pokedex.org
A mini-encyclopedia of Pokémon species, types, evolutions, and moves.
Create Amazing Mockups
Create Amazing Mockups
Vim Online Editor - Vim Editor In Browser
Service worker with push notification
Tab Capture - Recorder
Records the current tab in an offscreen document.
Google Analytics Demo
How to use Google Analytics 4 in your extension.
Print Extension
Demonstrates all four methods of the chrome.printing namespace.
no-cookies Rule Manager
Demonstrates the chrome.declarativeNetRequest API by providing a UI to manipulate declarativeNetRequest rules dynamically.
Merge Windows
Uses the chrome.windows and chrome.tabs APIs to manage tabs across different windows.
File Handling Demo
Shows how to use the file_handlers manifest key with the web platform's Launch Handler API.
Idle - Simple Example
Demonstrates the Idle API
webRequest.onAuthRequired Demo
Demonstrates the webRequest.onAuthRequired listener to detect an authentication request and log the user into the designated site.
WASM Load Example - Helloworld (no-modules)
Shows how to use WebAssembly (WASM) in Manifest V3.
Favicon API in a popup
Demonstrates the favicon manifest permission by displaying the favicon of a url in the extension popup.
Geolocation - offscreen
Shows how to get geolocation access within a service worker.
Advanced Font Settings
Demonstrates the chrome.fontSettings API by allowing users to modify the style of displayed fonts on web pages.
Alarms API Demo
Uses the chrome.alarms API to allow the user to set alarms using an extension page.
Debugger Extension
Uses the chrome.debugger API to capture network events on web pages.
Content settings
Uses chrome.contentSettings to display the settings of a given page in the extension's popup.
Open side panel
Shows how to call sidePanel.open() to open a global side panel.
Top Sites
Uses the chrome.topSites API to get the user's most visited sites.
Blank new tab page
Uses the "chrome_url_overrides" manifest key by replacing the user's default new tab page with a new html file.
Context Menus Sample
Uses the chrome.contextMenus API to customize the context menu.
Devtools - inspectedWindow API sample
Uses devtools.inspectedWindow to collect and use data on the resouces used in a web page.
Omnibox - New Tab Search
Demonstrates the "omnibox" manifest key and API by creating a keyword that opens a browser search in a new tab.
Favicon API in content scripts
Demonstrates fetching the favicon from www.google.com and inserting it at the top left of every page.
Tab Manager for Chrome Dev Docs
URL Redirect
Uses the chrome.declarativeNetRequest API to redirect requests.
Tabs zoom API Demo
Uses the tabs.zoom API to manipulate the zoom level of the current tab.
Getting Started Example
Build an Extension!
Global Google Search
Uses the context menu to search a different country's Google
WASM Load Example - Helloworld
Shows how to use WebAssembly (WASM) as a module in Manifest V3.
WebSocket Demo
How to use WebSockets in your Chrome Extension.
Drink Water Event Popup
Demonstrates usage and features of the event page by reminding user to drink water
Site-specific side panel
Shows how to display the side panel only on google.com using the Side Panel API.
Offscreen API - DOM Parsing
Shows how to use DOMParser in an extension service worker using the offscreen document.
MV3 Migration - content script example
Broken Background Color
Fix an Extension!
webNavigation API Sample
Uses the webNavigation API to send notifications.
Geolocation - content script
Shows how to get geolocation access within a content script.
Scripting API Demo
Uses the chrome.scripting API to inject JavaScript into web pages.
Offscreen API - Clipboard
Shows how to write a string to the system clipboard using the offscreen document.
URL Blocker
Uses the chrome.declarativeNetRequest API to block requests.
Page Redder
Turns the page red when you click the icon
Focus Mode
Enable focus mode on Chrome's official Extensions and Chrome Web Store documentation.
Reading time
Add the reading time to Chrome Extension documentation articles
Web Accessible Resources Demo
Uses the web_accessible_resources key in the manifest.json file to control access to assets within an extension.
Geolocation - popup
Shows how to get geolocation access within a popup.
Notifications API sample
Demonstrates the creation of, and interaction with, each of the notification template types.
Devtools - Chrome Query
Uses the devtools API to add a sidebar that displays the jQuery data associated with the selected DOM element.
Typed URL History
Uses the chrome.history API to display in a popup the user's most visited pages.
il8n API Example
Demonstrates the chrome.i18n API by localizing text in the extension popup.
Chromium Milestones
Shows the Chromium release milestone a given code review was merged into.
Stylizr
Demonstrates how to use the chrome.storage API.
Test Screenshot Extension
Uses the chrome.tabs API to take a screenshot of the active tab.
Bookmark Viewer
Uses the chrome.bookmarks API to search through, add, and delete bookmarks from the user's bookmark tree.
Optional Permissions New Tab
Demonstrates optional permissions in extensions
Quick API Reference
Quick API can speed up the building of Chrome extensions.
No Cookies
Uses the chrome.declarativeNetRequest API to remove the "Cookie" header from requests.
Tab Inspector
Demonstrates the chrome.tabs API and the chrome.windows API by providing a user interface to manage tabs and windows.
Keyboard Pin
Uses the chrome.tabs API to toggle the pinned state of the current tab.
BrowsingData API: Basics
Uses the chrome.browsingData API to clear the user's history without requiring the user to visit the history page.
CO2 meter extension
Demonstrates using WebHID to connect to a CO2 meter.
My Bookmarks
A browser action with a popup dump of all bookmarks, including search, add, edit and delete.
chrome.commands
Uses the chrome.commands API by creating a new keyboard macro for switching tabs in the browser window.
Font Settings API Sample
Demonstrates the chrome.fontSettings API by allowing users to modify the size of fonts on webpages.
History Override
Demonstrates how to override the default history page.
Sandboxed Frame Sample
Demonstrates creation of a tab with a sandboxed iframe to which the main page passes a counter variable.
topSites API sample
Uses the chrome.topSites API to suggest which sites a user should visit.
Catifier
Replace every image by a cat's image in a website you visit
Omnibox Simple Example
Demonstrates the "omnibox" manifest key and most members of the omnibox API.
Action API Demo
Uses the Action API to change the badge text, icon, hover text, or popup page.
Tab Capture Example
Demonstrates how to use the chrome.tabCapture API.
Hello Extensions
Base Level Extension
Sandboxed Content Sample
Demonstrates creating a tab for a sandboxed iframe. The sandbox calls eval() to write HTML to its own document.
Oliver Focus Mode
Example extension from DevTools Tips video.
Cookie Clearer
Uses the chrome.cookies API by letting a user delete their cookies via a popup.