Chrome dev tools ne parvient pas à afficher la réponse même si 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 “Échec de l’affichage des données de réponse” en réponse au contenu renvoyé 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 requête précédente après avoir quitté le site.

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

Données de réponse

La deuxième fois, j’ai rechargé cette page sans regarder les en-têtes ou la réponse. J’ai navigué sur un autre site Web. Maintenant, quand je regarde la réponse, il affiche «Impossible de charger les données de réponse».

Aucune donnée 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 effectuez une pause sur le onunload , de sorte que vous pouvez afficher la réponse avant qu’elle ne disparaisse et ne perd pas ainsi 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 cela provoque l’erreur.

Ma solution consiste à copier le lien de la demande vers un nouvel onglet (demande de la part du navigateur), de copier les données sur le visualiseur JSON en ligne où vous avez une parsing automatique et y travaillez.

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 pour le corriger.

Malheureusement, dans mon cas, window.onunload = function() { debugger; } window.onunload = function() { debugger; } solution de contournement n’a pas fonctionné non plus. Jusqu’à présent, la meilleure solution que j’ai trouvée consiste à utiliser Firefox, qui affiche les données de réponse même après une navigation. Les devtools de Firefox ont également de nombreuses fonctionnalités intéressantes manquantes dans Chrome, telles que la syntaxe mettant en évidence les données de réponse si elles sont HTML et l’analysant automatiquement si elles sont JSON.

Comme décrit par Gideon, ceci est un problème connu.
Pour utiliser window.onunload = function() { debugger; } window.onunload = function() { debugger; } place.
Mais vous pouvez append un point d’arrêt dans l’onglet Source, puis résoudre votre problème. comme ça: entrer la description de l'image ici

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