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

47

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.

Si vous survolez le lien et attendez une seconde, il affiche l’URI complet , 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.

Depuis que 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:

Capture d'écran

google-chrome developer-tools Lev
la source
Peut-être mieux sur Stackoverflow?
Stolsvik
J'y ai pensé au début, car cela semble plutôt lié au développement Web, mais le problème que je rencontre n’est pas lié au développement, mais à l’utilisation de Chrome lui-même.
Lev
Les outils du métier sont également éligibles sur SO.
Stolsvik
2
Enregistrez un bogue sur new.crbug.com . Ou vous pouvez le déposer en amont sur wkbug.com/new . Expliquez votre cas d'utilisation de la façon dont vous l'avez fait ici, et je suis sûr que cela sera corrigé éventuellement.
Mathias Bynens
1
DevTools rédacteur technique ici. Pour votre information, je vous recommande de poser des questions comme celle-ci à Stack Overflow, en utilisant le [google-chrome-developer-tools]tag. Nous surveillons ce canal, mais pas celui-ci.
Kayce Basques

Réponses:

41

Certaines colonnes contiennent un champ principal et un champ secondaire (Temps et Latence, par exemple). Lors de l'affichage de 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

Capture d'écran des outils de développement Chrome Avec les nouvelles versions de Chrome, il est maintenant caché ici: Chrome dev tools capture d'écran nouvelle étape 1 Chrome dev tools capture d'écran nouvelle étape 2

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

rofrol
la source
1
L’essence de la réponse est toujours vraie, mais pour les visiteurs ultérieurs, l’interface graphique a changé. (Dans Chrome 78 au moins, je ne peux pas dire quand introduit), l'option est maintenant trouvée dans les paramètres réseau (onglet d'engrenage en haut à droite de l'onglet réseau), la première case à cocher, intitulée "[] Utiliser une grande ligne de requête"
Daryn
4

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

eb80
la source
2

Dans Chrome et Firefox, vous pouvez cliquer avec le bouton droit de la souris et enregistrer les informations du 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.
Michael Thompson
la source
1

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. Juste un clic droit sur les colonnes et choisissez l'URL.

69 FF

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

Maxime
la source
C'est une information potentiellement utile, mais non postée au meilleur endroit. La question est spécifique à Chrome. Par conséquent, si vous la postez ici, elle pourrait être plus appropriée en tant que commentaire. La question est aussi ancienne. Les lecteurs pour qui votre réponse pourrait être utile ne risquent pas de tomber ici. Il serait plus utile de trouver une question plus pertinente pour la poster ou de créer votre propre question à réponse automatique.
fixer1234
Vous avez raison absolument. Mais il y a quelques années, j'ai eu le même problème et c'était "pénible" pour les développeurs (Chrome et Firefox également). Donc, pour l’instant, j’ai trouvé le lien le plus haut sur Google pour signaler l’actualité. Si vous le pouvez - déplacez-le simplement pour corriger la question))
Maxim
0

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

soandos
la source