Chrome开发工具无法显示响应，即使返回的内容包含标题Content-Type：text / html;字符集= UTF-8

Posted 2021-03-27

当返回的内容是text / html类型时，为什么我的chrome开发人员工具显示“无法显示响应数据”作为响应？

在开发人员工具中查看返回的响应的替代方法是什么？

答案

我认为这只会在您选中“保留日志”并且您尝试在导航后查看先前请求的响应数据时发生。

例如，我查看了响应加载此Stack Overflow问题。你可以看到。

第二次，我重新加载了这个页面，但没有看到标题或响应。我导航到另一个网站。现在，当我查看响应时，它显示“无法加载响应数据”。

这是一个已知的issue，已经存在了一段时间，并且争论很多。但是，有一种解决方法，您可以暂停onunload，这样您就可以在导航离开之前查看响应，从而在导航时不会丢失数据。

window.onunload = function() { debugger; }

另一答案

对于在请求JSON数据时收到错误的人：

如果您正在请求JSON数据，则JSON可能太大并且导致错误发生的原因。

我的解决方案是将请求链接复制到新选项卡（来自浏览器的get请求）将数据复制到联机的JSON查看器，在那里您可以自动解析并在那里进行处理。

另一答案

正如Gideon所描述的，这是一个已知问题，Chrome已经开放超过5年，并没有明显的兴趣修复它。

不幸的是，在我的情况下，window.onunload = function() { debugger; }解决方法也不起作用。到目前为止，我发现最好的解决方法是使用Firefox，即使在导航后也会显示响应数据。 Firefox devtools在Chrome中也缺少许多不错的功能，例如语法高亮显示响应数据（如果它是html）并自动解析它（如果它是JSON）。

另一答案

如Gideon所述，这是一个已知问题。 使用window.onunload = function() { debugger; }代替。 但是您可以在“源”选项卡中添加断点，然后可以解决您的问题。像这样：

另一答案

如果您正在执行跨域请求并且远程主机未正确处理CORS标头，则也可能发生“无法显示响应数据”。检查js控制台是否有错误。