web-dev-qa-db-fra.com

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 extrêmement 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 demande.

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 gérées à l'aide d'arguments de chaîne de requête, tels que:

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 demande que je cherche.

Il doit sûrement y avoir un autre moyen!?

J'en ai constamment marre de quelque chose de nouveau dans Firefox et je me force immédiatement à retourner dans Chrome, mais ce sont toujours les outils de développement de Chrome qui m'empêchent de l'utiliser pendant une période prolongée.

J'espère que je saurai comment faire pour que je puisse continuer à utiliser Chrome comme numéro uno.

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

Screenshot

38
Lev

Certaines colonnes contiennent un champ primaire et un champ secondaire (Temps et Latence, par exemple). Lorsque vous affichez la table Réseau avec de grandes lignes de ressources, les deux champs sont affichés. lors de l'utilisation de petites lignes de ressources, seul le champ principal est affiché.

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

enter image description here

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

32
rofrol

Ce n'est pas possible actuellement. Toutefois, les outils de développement de Chrome Dev travaillent activement (par exemple, https://developers.google.com/chrome-developer-tools/ ). et vous pouvez faire une suggestion pour une option de cette fonctionnalité.

3
eb80

Dans Chrome et Firefox, vous pouvez cliquer avec le bouton droit de la souris et enregistrer les informations sur le réseau sous forme de fichier HAR (archive HTTP). Ce fichier HAR peut être traité manuellement, avec un script ou avec l’un des visualiseurs HAR, et contient l’URL complète.

Google a 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 complète:

  • Enregistrez/exportez le fichier HAR via Inspecter> Réseau> Clic droit> Enregistrer sous HAR.
  • Chargez HAR dans HAR Analyzer .
  • Triez/filtrez au besoin ou mettez en surbrillance les cellules/lignes du tableau et copiez/collez.
1
Michael Thompson

Ce n'est pas quelque chose qui peut être fait dans Chrome, désolé. De plus, aucun changement n’a été apporté au panneau des développeurs dans Word, donc je ne m'attendrais pas à ce que cela soit ajouté bientôt.

0
soandos

Je suis heureux d’annoncer que cette fonctionnalité est maintenant disponible dans Firefox.

Je sais que ce n'est pas Chrome, mais pour moi, c'est encore mieux.

Firefox Nightly 69 peut le faire. Faites un clic droit sur les colonnes et choisissez URL.

FF 69

https://bugzilla.mozilla.org/show_bug.cgi?id=1341155

0
Maxim