Las herramientas de desarrollo de Chrome no muestran respuesta, incluso el contenido devuelto tiene encabezado Tipo de contenido: texto / html; juego de caracteres = UTF-8

143

¿Por qué mis herramientas de desarrollador de Chrome muestran "Error al mostrar los datos de respuesta" en respuesta cuando el contenido devuelto es de tipo texto / html?

¿Cuál es la alternativa para ver la respuesta devuelta en las herramientas de desarrollador?

randominstanceOfLivingThing
fuente
Descubrí que Microsoft Edge Dev (basado en Chromium) no me da este error.
Para el nombre
¿Intentaste registrarte en Firefox?
Rajendra kumar Vankadari

Respuestas:

200

Creo que esto solo ocurre cuando tienes 'Conservar registro' marcado y estás intentando ver los datos de respuesta de una solicitud anterior después de que te has alejado.

Por ejemplo, vi la respuesta al cargar esta pregunta de desbordamiento de pila. Puedes verlo.

Datos de respuesta

La segunda vez, volví a cargar esta página pero no miré los Encabezados o la Respuesta. Navegué a un sitio web diferente. Ahora, cuando miro la respuesta, muestra 'Error al cargar los datos de respuesta'.

Sin datos de respuesta

Este es un problema conocido , que ha existido por un tiempo y debatió mucho. Sin embargo, hay una solución alternativa, en la que hace una pausa onunload, para que pueda ver la respuesta antes de que se aleje y, por lo tanto, no pierda los datos al alejarse.

window.onunload = function() { debugger; }
Gedeón Pyzer
fuente
186
¡No poder ver los datos de respuesta elimina casi por completo el punto de "preservar registro"!
Amalgovinus
1
Su solución de window.onunload funcionó muy bien, ¡gracias!
Shane N
25
No, en Chrome 61, definitivamente también puede suceder si "Conservar registro" no está marcado y sin salir de la página.
O Mapper
Los datos de respuesta pueden ser grandes, y si se conserva el registro de preservación indefinidamente, se acumularía un obstáculo significativo para el rendimiento de DevTool. Para descartar los datos de respuesta en la navegación, probablemente se realizó por diseño. Si tiene algunas sugerencias, comente el hilo vinculado anteriormente.
Gideon Pyzer
2
Todavía experimentando este problema con Chrome 73.0, la onunloadsolución no funciona para mí por alguna razón.
Onza
46

Para los que reciben el error al solicitar datos JSON:

Si está solicitando datos JSON, el JSON puede ser demasiado grande y eso es lo que causa el error.

Mi solución es copiar el enlace de solicitud a una nueva pestaña ( getsolicitud del navegador), copiar los datos al visor JSON en línea donde tiene el análisis automático y trabajar allí.

Tomz
fuente
14
Sin embargo, no es realmente una solución. Yo trabajo con autenticación y tal. Desafía el propósito de las herramientas de desarrollo. Alguien probablemente debería crear algún informe de error en alguna parte. Sin embargo
phil294
1
¿Es este límite configurable de alguna manera?
Willem Hengeveld
En mi caso, sucedió a 23 MB, que es una gran respuesta JSON estúpida ... Abrí un problema para que el mensaje de error se hiciera más descriptivo.
Boatcoder
Estoy viendo el problema de 6MB JSON :(
Lee Gunn
También golpeando esto en respuesta JSON arond 6mb sin comprimir.
miki noidea
39

Según lo descrito por Gideon, este es un problema conocido con Chrome que ha estado abierto durante más de 5 años sin ningún interés aparente en solucionarlo.

Desafortunadamente, en mi caso, la window.onunload = function() { debugger; }solución alternativa tampoco funcionó. Hasta ahora, la mejor solución que he encontrado es usar Firefox, que muestra datos de respuesta incluso después de una navegación. Las herramientas de desarrollo de Firefox también tienen muchas características interesantes que faltan en Chrome, como la sintaxis que resalta los datos de respuesta si es html y los analiza automáticamente si es JSON.

Antimonio
fuente
44
Wow, gran cosa Necesidad de depurar un error que solo se produce en Chrome, no en Firefox. Así que tampoco hay opción para mí. En serio, ¿por qué todos dicen que las herramientas web de Chrome son mucho mejores que las de Firefox? Parece que no probaron Firefox durante años.
mozzbozz
11
Chrome tampoco tiene la conveniente opción de solicitud "editar y reenviar" de Firefox.
Antimonio
1
Sí ... También usé FF para hacer las cosas ... Funcionó como se esperaba. ¡Estamos viviendo tiempos traicioneros!
nmirceac
@Antimony chrome tuvo la opción "Reenviar" durante bastante tiempo, pero en uno de los últimos lanzamientos han eliminado incluso eso ... Por suerte, uno puede hacerlo rápido fetch(...copied link...)en la consola y observar la respuesta en la pestaña de red
Ivan Hušnjak
Todavía obteniendo esto incluso ahora. Por el amor de Dios, prefiero que arreglen lo que ya tienen en lugar de introducir características inútiles como una evaluación entusiasta en la consola y descuidar la calidad de sus herramientas de desarrollo fundamentales.
thephpdev
20

Como lo describe Gideon, este es un problema conocido.
Para su uso window.onunload = function() { debugger; }en su lugar.
Pero puede agregar un punto de interrupción en la pestaña Fuente, luego puede resolver su problema. Me gusta esto: ingrese la descripción de la imagen aquí

Fitz
fuente
¿Cuál es la ventaja de la pestaña Fuente window.onunload = function() { debugger; }?
Mihail Malostanidis
1
no necesita escribir el código para el depurador, y puede depurar en entornos superiores donde tal vez salte entre páginas y no conserve la misma ventana
Parijat Kalia
window.onunload = function() { debugger; }no funcionó para mí, esto funcionó. ¡Gracias!
aexl
11

"No se pudieron mostrar los datos de respuesta" también puede ocurrir si realiza solicitudes de dominio cruzado y el host remoto no maneja correctamente los encabezados CORS. Verifique su consola js en busca de errores.

deweydb
fuente
2
Chrome todavía está roto por no mostrar la respuesta (en cualquier forma) - FF funcionó para mí
nmirceac
¡Tienes razón! Pero esta es exactamente la razón por la que necesito la respuesta para entender por qué mi solicitud falla. Todo funciona bien con el rizo, pero Chrome todavía falla con "La respuesta a la solicitud de verificación previa no pasa la verificación de control de acceso: No hay encabezado 'Access-Control-Allow-Origin' presente en el recurso solicitado"
AHA
4

Si usted hace una petición AJAX con fetch, la respuesta no se muestra a menos que se lee con .text(), .json(), etc.

Si solo haces:

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

la respuesta no se mostrará en las herramientas de desarrollo.
Aparece después de correr:

r.then(r => r.text())
gre_gor
fuente
1

Para quienes recibieron este error al solicitar datos JSON grandes, no es una solución, como mencionó Blauhirn, simplemente abrir la solicitud en una nueva pestaña si está utilizando encabezados de autenticación y similares.

Forturnatly Chrome tiene otras opciones como Copiar -> Copiar como curl. Ejecutar esta llamada desde la línea de comandos a través de cURL será una réplica exacta de la llamada original.

Agregué > ~/result.jsona la última parte del comando para guardar el resultado en un archivo. De lo contrario, se enviará a la consola.

thephper
fuente
1
Una réplica exacta no sirve si el estado del servidor que proporciona la respuesta ha cambiado. Entonces, para mí, eso tiene que esperar alrededor de 40 minutos para que suceda un evento, y ese evento desencadena una nueva página, esto rompe por completo el uso. Debería ser una opción que podría activarse. Desafortunadamente, no hay una opción de voto o comentario para los visitantes comunes al problema enumerado en un comentario anterior a menos que formes parte de su equipo: /
David Mårtensson