61 votes

Afficher l'URI/URL complet dans l'onglet Réseau des outils de développement de Chrome

Lorsque j'utilise Chrome pour déboguer, je trouve qu'il est incroyablement difficile d'être efficace car je ne vois pas comment je peux forcer l'onglet "Réseau" des outils de développement à afficher l'URI complet de la requête.

Il affichera l'URI complet si vous survolez le lien et attendez une seconde, mais c'est incroyablement contre-productif.

Toutes mes demandes AJAX sont envoyées à ajax.php, et traitées en utilisant des arguments de chaîne de requête, comme :

ajax.php?do=profile-set
ajax.php?do=game-save

... etc.

Comme j'utilise beaucoup AJAX, mon onglet réseau est rempli de "ajax.php", mais je dois survoler manuellement chaque entrée pour trouver la requête que je cherche.

Il doit bien y avoir un autre moyen ! ?

Je suis constamment lassé par les nouveautés de Firefox et je me force immédiatement à revenir à Chrome, mais ce sont toujours les outils de développement de Chrome qui m'empêchent de l'utiliser pendant une longue période.

J'espère pouvoir trouver comment faire pour continuer à utiliser Chrome comme mon numero uno.

J'ai fourni une capture d'écran pour vous montrer ce que je veux dire :

Screenshot

52voto

rofrol Points 1709

Certaines colonnes contiennent un champ primaire et un champ secondaire (Heure et Latence, par exemple). Lorsque vous visualisez le tableau Network avec de grandes rangées de ressources importantes, les deux champs sont affichés ; lorsque vous utilisez de petites rangées de ressources seul le champ primaire est affiché.

https://developer.chrome.com/devtools/docs/network#network-panel-overview

Chrome dev tools screenshot Avec les nouvelles versions de Chrome, il est maintenant caché ici : Chrome dev tools screenshot new step 1 Chrome dev tools screenshot new step 2

https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes

10voto

Alvaro Castro Points 141

Vous pouvez cliquer avec le bouton droit de la souris sur les colonnes de l'onglet "Réseau" et sélectionner "Url" ou "Path", ce qui affichera l'url complète des demandes.

Vous pouvez ensuite cliquer à nouveau avec le bouton droit de la souris et désélectionner "Nom" pour supprimer les colonnes redondantes.

Je viens de le tester dans Chrome 81.

4voto

C. Yang Points 103

Ce n'est pas possible actuellement. Cependant, un travail actif est en cours sur les outils Chrome Dev (par ex, https://developers.google.com/chrome-developer-tools/ ) et vous pouvez faire une suggestion pour une option de cette fonctionnalité.

3voto

Pratik Points 751

Dans Chrome et Firefox, vous pouvez cliquer avec le bouton droit de la souris et enregistrer les informations sur le réseau en tant que HAR (HTTP Archive). Ce fichier HAR peut être traité manuellement, avec un script ou avec l'un des nombreux visionneurs HAR et contient l'URL complète.

Google propose un excellent lecteur HAR en ligne qui affiche l'URL complète de chaque demande : https://toolbox.googleapps.com/apps/har_analyzer/

Donc pour voir l'URL complet :

  • Enregistrez/exportez le fichier HAR via Inspecter > Réseau > Clic droit > Enregistrer sous HAR.
  • Charger HAR dans Analyseur HAR .
  • Triez/filtrez selon vos besoins ou mettez en surbrillance les cellules/lignes du tableau et copiez/collez.

0voto

soandos Points 23540

Ce n'est pas quelque chose qui peut être fait dans Chrome, désolé. En outre, rien n'a été dit sur les changements qui seront apportés au panneau du développeur, et je ne m'attends donc pas à ce qu'il soit ajouté prochainement.

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X