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

Jecelyn Yeen

Personnaliser les raccourcis clavier dans les outils de développement

Vous pouvez désormais personnaliser les raccourcis clavier pour vos commandes préférées dans les outils de développement.

Accédez à Paramètres > Raccourcis, pointez sur une commande, puis cliquez sur le bouton Modifier (icône en forme de stylo) pour personnaliser le raccourci clavier. Vous pouvez également créer des accords (raccourcis à plusieurs touches).

Personnalisez les raccourcis clavier dans les outils de développement.

Problèmes Chromium : 1335274, 174309

Alterner entre les thèmes clair et sombre avec un raccourci clavier

Configurez un raccourci clavier pour basculer facilement entre les thèmes clair et sombre. Par défaut, l'action n'est associée à aucun raccourci clavier.

Basculez entre les thèmes clair et sombre à l'aide d'un raccourci clavier.

Problèmes Chromium : 1280398, 1226363

Mettre en surbrillance les objets C/C++ dans l'inspecteur de mémoire

L'outil d'inspection de mémoire met en évidence tous les octets d'un objet mémoire C/C++.

Il était difficile de reconnaître les octets d'un objet dans la mémoire WebAssembly environnante. Vous devez connaître la taille de l'objet et compter les octets à partir du début de l'objet.

Cette fonctionnalité vous aide à les distinguer de la mémoire environnante. Pour en savoir plus sur ces modifications, consultez Étendre l'inspecteur de mémoire pour le débogage C/C++.

Mettez en surbrillance les objets C/C++ dans l'outil d'inspection de la mémoire.

Problème Chromium : 1336568

Prise en charge des informations complètes sur l'initiateur pour l'importation HAR

Des informations complètes sur l'initiateur sont désormais disponibles pour l'importation HAR. Auparavant, le panneau Réseau n'affichait que des informations partielles sur l'initiateur lors de l'importation.

Les informations sur l'initiateur aident les développeurs à retracer l'origine d'une requête réseau et à identifier les problèmes liés au réseau.

Prise en charge des informations complètes sur l'initiateur pour l'importation HAR.

Problème Chromium : 1343185

Lancer la recherche DOM après avoir appuyé sur Enter

Vous pouvez désormais désactiver le paramètre Affichage instantané des résultats pour toujours lancer la recherche dans le DOM après avoir appuyé sur Entrée.

Dans le panneau Éléments, activez ou désactivez la barre de recherche à l'aide des touches Ctrl ou Cmd+F. Lorsque vous saisissez une requête dans la zone de texte de recherche, l'arborescence DOM passe au premier élément correspondant et le met en surbrillance par défaut.

Ce comportement n'est pas idéal pour les utilisateurs, en particulier les testeurs qui travaillent toujours avec de longues requêtes de recherche. L'arborescence DOM peut sauter plusieurs fois lorsque vous saisissez une longue requête de recherche (par exemple, //div[@id="example"]). Ce comportement crée un mouvement inutile.

Recherche DOM.

Accédez à Paramètres > Préférences, puis désactivez l'option Recherche instantanée. Avec ce changement, la recherche ne démarrera qu'une fois que vous aurez appuyé sur Entrée.

Paramètre "Affichage instantané des résultats".

Problème Chromium : 1344526

Afficher les icônes start et end pour les propriétés flexbox CSS align-content

Dans le volet Styles, modifiez les propriétés align-content dans une classe CSS avec display: flex ou display: inline-flex. Les start et end s'affichent dans le menu déroulant de saisie semi-automatique avec des icônes.

Propriétés Flexbox align-content.

Problème Chromium : 1139945

Autres points importants

  • Afficher le nombre correct de messages dans la barre latérale de la console. Auparavant, les nombres ne s'actualisaient pas lorsque les messages de la console étaient effacés. (1343311)

Télécharger les canaux de prévisualisation

Envisagez d'utiliser Chrome Canary, Dev ou Beta comme navigateur de développement par défaut. Ces canaux d'aperçu vous donnent accès aux dernières fonctionnalités des outils de développement, vous permettent de tester les API de plate-forme Web de pointe et vous aident à identifier les problèmes sur votre site avant vos utilisateurs.

Contacter l'équipe Outils pour les développeurs Chrome

Utilisez les options suivantes pour discuter des nouvelles fonctionnalités, des mises à jour ou de tout autre élément lié aux outils pour les développeurs.

Nouveautés des outils pour les développeurs

Liste de tous les sujets abordés dans la série Nouveautés des outils pour les développeurs.