Cette page a été traduite par l'API Cloud Translation.

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 crayon) pour personnaliser le raccourci clavier. Vous pouvez également créer des accords (également appelés raccourcis d'appui sur plusieurs touches).

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

Problèmes liés à Chromium: 1335274, 174309

Activer/Désactiver les thèmes clair et sombre avec le raccourci clavier

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

Activez ou désactivez les thèmes clair et sombre à l'aide d'un raccourci clavier.

Problèmes liés à Chromium: 1280398, 1226363

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

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

Reconnaître les octets d'un objet dans la mémoire WebAssembly environnante constituait un problème. 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 les modifications, consultez Étendre l'outil d'inspection de mémoire pour le débogage C/C++.

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

Problème Chromium: 1336568

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

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

Les informations de 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 de 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 Rechercher en cours de saisie pour toujours lancer une recherche DOM après avoir appuyé sur la touche Entrée.

Dans le panneau Éléments, activez/désactivez la barre de recherche en appuyant sur Ctrl ou Commande+F. Lorsque vous saisissez une requête dans la zone de texte de recherche, l'arborescence DOM accède 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 ceux qui effectuent toujours des requêtes de recherche longues. L'arborescence DOM peut sauter plusieurs fois à mesure que vous saisissez une requête de recherche longue (par exemple, //div[@id="example"]). Ce comportement crée un mouvement inutile.

Accédez à Paramètres > Préférences, puis désactivez l'option Rechercher en cours de saisie. Avec cette modification, la recherche ne commencera qu'une fois que vous aurez appuyé sur Entrée.

Problème Chromium: 1344526

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

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

align-content flexbox.

Problème Chromium: 1139945

Points forts divers

Affichez le nombre correct de messages dans la barre latérale de la console. Auparavant, les décomptes n'étaient pas actualisés lors de l'effacement des messages de la console. (1343311).

Télécharger les canaux de prévisualisation

Nous vous conseillons d'utiliser Chrome Canary, Dev ou Beta comme navigateur de développement par défaut. Ces versions preview vous permettent d'accéder aux dernières fonctionnalités des outils de développement, de tester des API de pointe de plates-formes Web et de détecter les problèmes sur votre site avant qu'ils ne le fassent.

Contacter l'équipe des outils pour les développeurs Chrome

Utilisez les options suivantes pour discuter des nouvelles fonctionnalités et des modifications dans l'article, ou de toute autre question concernant les outils de développement.

Envoyez-nous une suggestion ou des commentaires via crbug.com.
Signalez un problème dans les outils de développement via Plus d'options > Aide > Signaler un problème dans les outils de développement dans les Outils de développement.
Envoyez un tweet à @ChromeDevTools.
Dites-nous en plus sur les nouveautés concernant les vidéos YouTube dans les outils de développement ou sur les vidéos YouTube de nos conseils relatifs aux outils de développement.