Mostra URI / URL completo nella scheda Rete degli strumenti di sviluppo di Chrome


47

Quando utilizzo Chrome per il debug, trovo incredibilmente difficile essere efficiente a causa del fatto che non vedo come posso forzare la scheda "Rete" degli strumenti di sviluppo per mostrare l'URI della richiesta completa.

Mostrerà l'URI completo se si passa il mouse sul collegamento e si attende un secondo, ma questo è incredibilmente controproducente.

Tutte le mie richieste AJAX vengono inviate a ajax.php e gestite utilizzando argomenti della stringa di query, come:

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

... eccetera.

Poiché utilizzo ampiamente AJAX, la mia scheda di rete è piena di "ajax.php", ma devo passare manualmente con il mouse su ogni voce per trovare la richiesta che sto cercando.

Sicuramente ci deve essere un altro modo !?

Sono costantemente stufo di qualcosa di nuovo in Firefox e mi costringo immediatamente a tornare in Chrome, ma sono sempre gli strumenti di sviluppo in Chrome che mi impediscono di utilizzarlo per un lungo periodo di tempo.

Spero di poter scoprire come fare in modo da poter continuare a utilizzare Chrome come numero uno.

Ho fornito una schermata per mostrarti dove intendo:

Immagine dello schermo


Forse meglio su StackOverflow?
stolsvik,

All'inizio ci ho pensato dato che sembra un po 'collegato al web-dev, ma il problema che sto avendo in realtà non è con lo sviluppo, ma usando Chrome stesso.
Lev

Gli strumenti del commercio sono ammissibili anche su SO.
stolsvik,

2
Invia un bug su new.crbug.com . Oppure puoi archiviarlo a monte su wkbug.com/new . Spiega il tuo caso d'uso come hai fatto qui e sono sicuro che alla fine verrà risolto.
Mathias Bynens,

1
DevTools tech writer qui. Cordiali saluti, raccomando di pubblicare domande come questa in Stack Overflow, usando il [google-chrome-developer-tools]tag. Monitoriamo quel canale, ma non questo.
Kayce Basques,

Risposte:


40

Alcune colonne contengono un campo primario e un campo secondario (ad esempio, ora e latenza). Quando si visualizza la tabella di rete con righe di risorse di grandi dimensioni vengono visualizzati entrambi i campi; quando si utilizzano righe di risorse di piccole dimensioni viene visualizzato solo il campo primario.

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

Schermata degli strumenti di sviluppo di Chrome Con le versioni più recenti di Chrome è ora nascosto qui: Schermata strumenti Chrome dev nuovo passaggio 1 Schermata degli strumenti di sviluppo di Chrome nuovo passaggio 2

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


1
L'essenza della risposta è ancora vera, ma per i visitatori successivi la GUI è cambiata. (Almeno in Chrome 78, non posso dirlo quando introdotto), l'opzione ora si trova nelle impostazioni di rete (scheda a forma di ingranaggio in alto a destra nella scheda di rete), la prima casella di controllo, intitolata "[] Usa riga di richiesta grande"
Daryn il


2

Sia in Chrome che in Firefox puoi fare clic con il pulsante destro del mouse e salvare le informazioni di rete come HAR (Archivio HTTP). Quel file HAR può essere elaborato manualmente, con uno script o con uno dei numerosi visualizzatori HAR e contiene l'URL completo.

Google ha un ottimo lettore HAR online che mostrerà l'URL completo di ogni richiesta: https://toolbox.googleapps.com/apps/har_analyzer/

Quindi per vedere l'URL completo:

  • Salvare / esportare il file HAR tramite Ispeziona> Rete> Tasto destro del mouse> Salva con nome HAR.
  • Caricare HAR nell'analizzatore HAR .
  • Ordinare / filtrare secondo necessità o evidenziare celle / righe della tabella e copia / incolla.

1

Sono lieto di segnalare che questa funzione è ora disponibile in Firefox.

So che non è Chrome, ma per me è un evento migliore.

Firefox Nightly 69 può farlo. Basta fare clic destro sulle colonne e selezionare URL.

69 FF

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


Si tratta di informazioni potenzialmente utili, ma non pubblicate nel posto migliore. La domanda è specifica per Chrome, quindi pubblicando qui, potrebbe essere più appropriato come commento. Anche la domanda è antica. I lettori per i quali la tua risposta potrebbe essere utile non possono inciampare qui. Sarebbe più utile trovare una domanda più pertinente su cui pubblicare o creare la tua domanda con risposta autonoma.
fixer1234

Hai assolutamente ragione. Ma alcuni anni fa ho avuto lo stesso problema ed è stato "doloroso" per gli sviluppatori (anche Chrome e Firefox). Quindi per ora ho trovato il link più cercato su Google per segnalare la notizia. Se puoi, basta spostarlo per correggere la domanda))
Massimo

0

Questo non è qualcosa che può essere fatto in Chrome, scusa. Inoltre, non vi è stata alcuna parola su eventuali modifiche che verranno apportate al pannello degli sviluppatori, quindi non mi aspetto che questo verrà aggiunto presto.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.