Zeigen Sie die vollständige URI / URL auf der Registerkarte "Netzwerk" der Chrome-Entwicklertools an

47

Wenn ich Chrome zum Debuggen verwende, finde ich es unglaublich schwierig, effizient zu sein, da ich nicht sehe, wie ich die Registerkarte "Netzwerk" der Entwicklertools zwingen kann, den vollständigen Anforderungs-URI anzuzeigen.

Es wird die vollständige URI angezeigt, wenn Sie den Mauszeiger über den Link halten und eine Sekunde warten. Dies ist jedoch unglaublich kontraproduktiv.

Alle meine AJAX-Anforderungen werden an ajax.php gesendet und mithilfe von Abfragezeichenfolgenargumenten wie den folgenden verarbeitet:

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

... etc.

Da ich AJAX ausgiebig benutze, ist meine Netzwerkregisterkarte mit "ajax.php" gefüllt, aber ich muss jeden einzelnen Eintrag manuell verschieben, um die gesuchte Anfrage zu finden.

Es muss doch einen anderen Weg geben !?

Ich habe ständig genug von etwas Neuem in Firefox und zwinge mich sofort wieder in Chrome, aber es sind immer die Entwicklertools in Chrome, die mich davon abhalten, es für einen längeren Zeitraum zu verwenden.

Hoffentlich kann ich herausfinden, wie das geht, damit ich Chrome weiterhin als meine Nummer uno verwenden kann.

Ich habe einen Screenshot zur Verfügung gestellt, um Ihnen zu zeigen, wo ich meine:

Bildschirmfoto

google-chrome developer-tools

— Lev
quelle

Möglicherweise besser auf Stackoverflow?

— Stolsvik

Anfangs habe ich darüber nachgedacht, da es eine Art Web-Entwickler zu sein scheint, aber das Problem, das ich habe, liegt nicht in der Entwicklung, sondern in der Verwendung von Chrome.

— Lev

Tools of the Trade ist auch auf SO berechtigt.

— Stolsvik

2

Datei einen Fehler auf new.crbug.com . Sie können es auch unter wkbug.com/new hochladen . Erklären Sie Ihren Anwendungsfall so, wie Sie ihn hier gemacht haben, und ich bin sicher, dass er irgendwann behoben wird.

— Mathias Bynens

1

DevTools Tech Writer hier. Zu Ihrer Information: Ich empfehle, Fragen wie diese unter Verwendung des [google-chrome-developer-tools]Tags an Stack Overflow zu senden. Wir überwachen diesen Kanal, aber nicht diesen.

— Kayce Basques

40

Einige Spalten enthalten ein primäres Feld und ein sekundäres Feld (z. B. Zeit und Latenz). Beim Anzeigen der Netzwerktabelle mit großen Ressourcenzeilen werden beide Felder angezeigt. Bei Verwendung kleiner Ressourcenzeilen wird nur das primäre Feld angezeigt.

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

Mit den neueren Versionen von Chrome ist es jetzt hier versteckt:

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

— Rofrol
quelle

1

Die Essenz der Antwort ist immer noch wahr, aber für spätere Besucher hat sich die Benutzeroberfläche geändert. (Zumindest in Chrome 78 kann ich nicht sagen, wann dies eingeführt wurde), die Option befindet sich jetzt in den Netzwerkeinstellungen (Zahnradregisterkarte oben rechts auf der Netzwerkregisterkarte), das erste Kontrollkästchen mit dem Titel "[] Use large request row"

— Daryn

4

Dies ist derzeit nicht möglich. Es wird jedoch aktiv an Chrome Dev-Tools gearbeitet (z. B. https://developers.google.com/chrome-developer-tools/ ), und Sie können Vorschläge für eine Option dieser Funktion machen.

— eb80
quelle

2

In Chrome und Firefox können Sie mit der rechten Maustaste klicken und die Netzwerkinformationen als HAR (HTTP-Archiv) speichern. Diese HAR-Datei kann manuell, mit einem Skript oder mit einem von mehreren HAR-Viewern verarbeitet werden und enthält die vollständige URL.

Google hat einen großartigen Online-HAR-Reader, der die vollständige URL jeder Anfrage anzeigt : https://toolbox.googleapps.com/apps/har_analyzer/

So, um die vollständige URL zu sehen:

Speichern / Exportieren Sie die HAR-Datei über Inspect> Network> Right-Click> Save As HAR.
Laden Sie HAR in den HAR Analyzer .
Sortieren / filtern Sie nach Bedarf oder markieren Sie Tabellenzellen / -zeilen und kopieren / fügen Sie sie ein.

— Michael Thompson
quelle

1

Ich freue mich, Ihnen mitteilen zu können, dass diese Funktion jetzt in Firefox verfügbar ist.

Ich weiß, es ist nicht Chrome, aber für mich ist es besser.

Firefox Nightly 69 kann das. Klicken Sie einfach mit der rechten Maustaste auf die Spalten und wählen Sie URL.

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

— Maxime
quelle

Dies sind möglicherweise nützliche Informationen, die jedoch nicht an der besten Stelle veröffentlicht werden. Die Frage ist spezifisch für Chrome. Wenn Sie also hier posten, ist sie möglicherweise als Kommentar besser geeignet. Die Frage ist auch alt. Leser, für die Ihre Antwort nützlich sein könnte, werden hier wahrscheinlich nicht darüber stolpern. Es wäre hilfreicher, eine relevantere Frage zum Posten zu finden oder eine eigene selbst beantwortete Frage zu erstellen.

— fixer1234

Sie haben absolut recht. Aber vor einigen Jahren bekam ich das gleiche Problem und es war "Schmerz" für Entwickler (Chrome und Firefox auch). Daher habe ich im Moment den meist gegoogelten Link gefunden, um die Neuigkeiten zu melden. Wenn Sie können - verschieben Sie es einfach auf die richtige Frage))

— Maxim

0

Dies ist in Chrome leider nicht möglich. Darüber hinaus gab es keine Informationen zu Änderungen, die am Entwickler-Panel vorgenommen werden. Daher würde ich nicht erwarten, dass dies bald hinzugefügt wird.

— soandos
quelle