Google ajoute 16 fonctionnalités aux outils de développement Chrome 117 • The Register

Pour Chrome 117, Google a étendu les outils de développement du navigateur, alias DevTools, avec 16 nouvelles fonctionnalités – le plus grand saut de capacité depuis l'apparition de Chrome 91 en 2021.

Dans une annonce publiée mardi, la rédactrice technique Sofia Emelianova a détaillé l'avantage de la complexité accrue du navigateur au profit des développeurs Web, à qui on peut pardonner de trouver l'écosystème JavaScript excessivement mutable.

La version stable de Chrome 117 ne devrait pas arriver avant le mardi 12 septembre, même si certains pourraient la voir dès le mercredi 6 septembre comme une « version stable anticipée ». Il existe également la version bêta de Chrome qui devrait offrir ces fonctionnalités aujourd'hui pour les utilisateurs d'ordinateurs de bureau. Le canal Dev profite de Chrome 117 depuis le 21 juillet, et ceux qui utilisent une version à jour de Chrome Canary sont déjà passés à Chrome 118.

Emelianova a déclaré que la fonctionnalité de remplacement local, qui vous permet d'enregistrer les modifications apportées aux fichiers locaux et de remplacer les en-têtes de réponse HTTP, a été affinée pour « simuler facilement les en-têtes de réponse et le contenu Web des ressources distantes à partir du panneau Réseau sans y accéder ».

La modification des en-têtes de réponse et du contenu Web peut être utile lors du développement et du débogage d'applications Web et Chrome 117 ajoute un élément de menu « Remplacer le contenu » lorsque vous cliquez avec le bouton droit sur une ressource dans l'onglet Réseau (qui affiche les fichiers récupérés sur le Web). L'élément de menu activera les fichiers de remplacement locaux précédemment configurés qui spécifient le contenu de la demande et les en-têtes à remplacer.

Les développeurs peuvent également remplacer le contenu de XHR et récupérer les requêtes ainsi que les en-têtes de réponse. Cela fournit un moyen de simuler les réponses API pour le débogage des applications Web et offre une alternative aux outils API plus complets tels que Postman, Insomnia et HTTP Toolkit.

Chrome 117 peut désormais masquer les requêtes réseau des extensions Chrome, ce que les développeurs peuvent choisir de faire s'ils ont installé des extensions qui effectuent de nombreuses requêtes réseau, préfèrent ne pas voir ces requêtes lors du débogage et sont extrêmement sûrs que leurs extensions sont fiables. ne pas établir de connexions réseau secrètes pour faire disparaître des données personnelles.

Par coïncidence, le développeur Daniel Nakov a récemment publié le code source d'une extension Chrome appelée Little Rat, conçue pour révéler, plutôt que dissimuler, les appels réseau provenant des extensions Chrome. C'est une option au cas où vous ne seriez pas sûr que vos extensions soient fiables.

L'aubaine DevTool de Google rend également les codes d'état HTTP plus utiles en affichant des descriptions textuelles à côté des codes numériques. La plupart n'auront pas besoin de texte explicatif pour une erreur 404, mais peut-être que voir "Je suis une théière" à côté d'une erreur 418 dans le panneau DevTools Network s'avérera utile à ceux qui n'ont pas mémorisé les possibilités les plus obscures.

Dans un autre raffinement esthétique, Chrome 117 imprimera joliment les réponses pour les sous-types JSON comme JSON-LD, ce qu'il n'a pas réussi à faire auparavant. Fondamentalement, l'onglet de réponse sera plus beau lors de l'affichage d'une requête avec un sous-type application/[subtype]+json MIME.

Dans le même esprit, il existe également une nouvelle palette de couleurs DevTools.

Emelianova indique que le panneau Performance affiche désormais deux champs de priorité dans le résumé des événements de la piste Réseau, à savoir la priorité initiale et la priorité (finale). "Avec ce champ supplémentaire, vous pouvez désormais voir si la priorité de récupération de l'événement change et modifier l'ordre des téléchargements", explique-t-elle.

Les fans de code lisible seront en outre ravis d'apprendre que l'option « Pliage du code », qui rendait le code plus lisible en réduisant les blocs de code dans le volet Sources, est désormais activée par défaut, tout comme l'option de préférence « Révéler automatiquement les fichiers dans la barre latérale. ".

Et pour ceux qui se demandent à quoi ressemblera le Web une fois que Google aura abandonné la prise en charge des cookies tiers au profit de son Privacy Sandbox au nom ambitieux, ne spéculez plus. Chrome 117 prend en charge un indicateur --test-third-party-cookies-phaseout qui peut être activé à partir de la ligne de commande Chrome.

Dans le cadre de la purge des cookies promise, le navigateur de Google a ajouté une case à cocher « Inclure les problèmes de cookies tiers » activée par défaut dans son onglet Problèmes, qui présente des informations sur divers problèmes et erreurs. On s’attend à ce que la transition vers les cookies tiers ne se déroule pas sans heurts.