As ferramentas de desenvolvimento do Chrome falham em mostrar resposta, mesmo o conteúdo retornado tem o cabeçalho Content-Type: text / html; charset = UTF-8

Por que minhas ferramentas de desenvolvedor do Chrome mostram "Falha ao mostrar dados de resposta" em resposta quando o conteúdo retornado é do tipo text / html?

Qual é a alternativa para ver a resposta retornada nas ferramentas do desenvolvedor?

Acho que isso só acontece quando você tem 'Preservar log' marcado e está tentando exibir os dados de resposta de uma solicitação anterior depois de navegar.

Por exemplo, eu vi a resposta para carregar esta pergunta do estouro de pilha. Você pode ver isso.

Na segunda vez, recarreguei esta página, mas não observei os cabeçalhos ou a resposta. Eu naveguei para um site diferente. Agora, quando olho para a resposta, ela mostra 'Falha ao carregar os dados da resposta'.

Esse é um problema conhecido , que já existe há algum tempo e debateu muito. No entanto, há uma solução alternativa, na qual você faz uma pausa onunload, para poder visualizar a resposta antes que ela saia, e, portanto, não perde os dados ao navegar.

window.onunload = function() { debugger; }

Para aqueles que estão recebendo o erro ao solicitar dados JSON:

Se você está solicitando dados JSON, o JSON pode ser muito grande e é isso que causa o erro.

Minha solução é copiar o link de solicitação para uma nova guia ( getsolicitação do navegador), copiar os dados para o visualizador JSON on-line, onde você tem a análise automática e trabalha nele.

Conforme descrito por Gideon, esse é um problema conhecido do Chrome que está aberto há mais de 5 anos, sem nenhum interesse aparente em corrigi-lo.

Infelizmente, no meu caso, a window.onunload = function() { debugger; }solução alternativa também não funcionou. Até agora, a melhor solução alternativa que encontrei é usar o Firefox, que exibe dados de resposta mesmo após uma navegação. Os devtools do Firefox também têm muitos recursos interessantes ausentes no Chrome, como sintaxe, destacando os dados de resposta se for html e analisando-o automaticamente se for JSON.

Conforme descrito por Gideon, esse é um problema conhecido.
Para uso em seu window.onunload = function() { debugger; }lugar.
Mas você pode adicionar um ponto de interrupção na guia Origem e resolver o seu problema. como isso:

"Falha ao mostrar dados de resposta" também pode ocorrer se você estiver executando solicitações de domínio cruzado e o host remoto não estiver manipulando adequadamente os cabeçalhos do CORS. Verifique seu console js quanto a erros.

Se você fizer um pedido de AJAX com fetch, a resposta não é mostrado a menos que seja lido com .text(), .json(), etc.

Se você apenas fizer:

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

a resposta não será mostrada nas ferramentas de desenvolvimento.
Ele aparece depois que você executa:

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

Para quem recebe esse erro ao solicitar dados JSON grandes, não é, como mencionado por Blauhirn, uma solução para abrir a solicitação em uma nova guia se você estiver usando cabeçalhos de autenticação e afins.

Por fim, o chrome possui outras opções, como Copiar -> Copiar como ondulação. A execução dessa chamada do commandoline por meio do cURL será uma réplica exata da chamada original.

Eu adicionei > ~/result.jsona última parte do comando para salvar o resultado em um arquivo. Caso contrário, ele será transmitido para o console.