Gli strumenti di sviluppo di Chrome non riescono a mostrare la risposta anche se il contenuto restituito ha un'intestazione Content-Type: text / html; charset = UTF-8

Perché i miei strumenti per sviluppatori di Chrome mostrano "Impossibile mostrare i dati di risposta" in risposta quando il contenuto restituito è di tipo text / html?

Qual è l'alternativa per vedere la risposta restituita negli strumenti per sviluppatori?

Penso che ciò accada solo quando è stato selezionato "Conserva registro" e si sta tentando di visualizzare i dati di risposta di una richiesta precedente dopo aver effettuato la navigazione.

Ad esempio, ho visualizzato la risposta al caricamento di questa domanda di overflow dello stack. Puoi vederlo.

La seconda volta, ho ricaricato questa pagina ma non ho guardato le intestazioni o la risposta. Sono passato a un altro sito Web. Ora, quando guardo la risposta, mostra "Impossibile caricare i dati di risposta".

Questo è un problema noto , che esiste da un po 'di tempo e ha discusso molto. Tuttavia, esiste una soluzione alternativa, in cui ti fermi onunload, in modo da poter visualizzare la risposta prima che si allontani, e quindi non perde i dati durante la navigazione.

window.onunload = function() { debugger; }

Per coloro che ottengono l'errore durante la richiesta di dati JSON:

Se stai richiedendo dati JSON, il JSON potrebbe essere troppo grande e ciò che causa l'errore.

La mia soluzione è quella di copiare il link di richiesta in una nuova scheda ( getrichiesta dal browser) copiare i dati nel visualizzatore JSON online dove si esegue l'analisi automatica e ci si lavora su di esso.

Come descritto da Gideon, questo è un problema noto con Chrome che è stato aperto per più di 5 anni senza alcun apparente interesse a risolverlo.

Sfortunatamente, nel mio caso, anche la window.onunload = function() { debugger; }soluzione alternativa non ha funzionato. Finora la soluzione migliore che ho trovato è utilizzare Firefox, che visualizza i dati di risposta anche dopo una navigazione. Gli devtools di Firefox hanno anche molte belle funzioni mancanti in Chrome, come la sintassi che evidenzia i dati di risposta se sono html e li analizza automaticamente se è JSON.

Come descritto da Gideon, questo è un problema noto.
Per usare window.onunload = function() { debugger; }invece.
Ma puoi aggiungere un punto di interruzione nella scheda Origine, quindi puoi risolvere il tuo problema. come questo:

"Impossibile mostrare i dati di risposta" può verificarsi anche se si stanno eseguendo richieste crossdomain e l'host remoto non gestisce correttamente le intestazioni CORS. Controlla la tua console js per errori.

Se si effettua una richiesta AJAX con fetch, la risposta non viene visualizzata se non viene letta con .text(),.json() e così via

Se fai semplicemente:

 r = fetch("/some-path");

la risposta non verrà mostrata negli strumenti di sviluppo.
Si presenta dopo l'esecuzione:

r.then(r => r.text())

Per chi una volta riceve questo errore durante la richiesta di dati JSON di grandi dimensioni, non è una soluzione, come menzionato da Blauhirn, aprire la richiesta in una nuova scheda se si utilizzano intestazioni di autenticazione e simili.

Forturnatly Chrome ha altre opzioni come Copia -> Copia come arricciatura. L'esecuzione di questa chiamata da commandoline tramite cURL sarà una replica esatta della chiamata originale.

Ho aggiunto > ~/result.jsonl'ultima parte del comando per salvare il risultato in un file. Altrimenti verrà inviato alla console.