Les outils de développement Chrome ne parviennent pas à afficher la réponse, même le contenu renvoyé a un en-tête Content-Type: text / html; jeu de caractères = UTF-8

Pourquoi mes outils de développement Chrome affichent-ils "Impossible d'afficher les données de réponse" en réponse lorsque le contenu renvoyé est de type text / html?

Quelle est l'alternative pour voir la réponse renvoyée dans les outils de développement?

Je pense que cela ne se produit que lorsque vous avez coché «Conserver le journal» et que vous essayez d'afficher les données de réponse d'une demande précédente après avoir navigué.

Par exemple, j'ai consulté la réponse au chargement de cette question de débordement de pile. Tu peux le voir.

La deuxième fois, j'ai rechargé cette page mais je n'ai pas regardé les en-têtes ou la réponse. J'ai accédé à un autre site Web. Maintenant, quand je regarde la réponse, il montre «Échec du chargement des données de réponse».

C'est un problème connu , qui existe depuis un certain temps et qui a beaucoup débattu. Cependant, il existe une solution de contournement, dans laquelle vous vous arrêtez onunload, afin que vous puissiez afficher la réponse avant qu'elle ne s'éloigne, et ainsi ne perd pas les données lors de la navigation.

window.onunload = function() { debugger; }

Pour ceux qui obtiennent l'erreur lors de la demande de données JSON:

Si vous demandez des données JSON, le JSON est peut-être trop volumineux et c'est la cause de l'erreur.

Ma solution est de copier le lien de demande dans un nouvel onglet ( getdemande du navigateur), de copier les données dans la visionneuse JSON en ligne où vous avez une analyse automatique et de travailler dessus.

Comme décrit par Gideon, il s'agit d'un problème connu avec Chrome qui est ouvert depuis plus de 5 ans sans intérêt apparent à le résoudre.

Malheureusement, dans mon cas, la window.onunload = function() { debugger; }solution de contournement n'a pas fonctionné non plus. Jusqu'à présent, la meilleure solution de contournement que j'ai trouvée est d'utiliser Firefox, qui affiche les données de réponse même après une navigation. Les outils de développement de Firefox ont également beaucoup de fonctionnalités intéressantes manquantes dans Chrome, telles que la syntaxe mettant en évidence les données de réponse s'il s'agit de HTML et l'analyse automatique s'il s'agit de JSON.

Comme décrit par Gideon, il s'agit d'un problème connu.
A utiliser à la window.onunload = function() { debugger; }place.
Mais vous pouvez ajouter un point d'arrêt dans l'onglet Source, puis résoudre votre problème. comme ça:

«Échec de l'affichage des données de réponse» peut également se produire si vous effectuez des requêtes entre domaines et que l'hôte distant ne gère pas correctement les en-têtes CORS. Vérifiez votre console js pour les erreurs.

Si vous faites une demande d'AJAX fetch, la réponse n'apparaît pas moins qu'il ne soit lu avec .text(), .json()etc.

Si vous faites juste:

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

la réponse ne sera pas affichée dans les outils de développement.
Il apparaît après avoir exécuté:

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

Pour ceux qui reçoivent cette erreur lors de la demande de données JSON volumineuses, comme mentionné par Blauhirn, ce n'est pas une solution de simplement ouvrir la demande dans un nouvel onglet si vous utilisez des en-têtes d'authentification et autres.

Forturnatly chrome a d'autres options telles que Copier -> Copier comme curl. L'exécution de cet appel à partir de la ligne de commande via cURL sera une réplique exacte de l'appel d'origine.

J'ai ajouté > ~/result.jsonà la dernière partie du commando pour enregistrer le résultat dans un fichier. Sinon, il sera envoyé à la console.