Safari - WebInspector网络选项卡 - 尝试加载资源时发生错误

Question

30

我在Safari的开发者工具（网络标签页）中看到下面图片中的错误，针对XHR/Fetch。响应主体不可见，总是抛出红色文本“尝试加载资源时发生错误”。我的第一反应是，开发工具不支持fetch，而是支持XHR。但是Safari 12支持它。

操作系统：MacOS High Sierra 浏览器：Safari 12 & Technology Preview 66

这是否与响应标头有关？跨站脚本攻击或其他原因？附注：相同的响应主体在chrome dev tool中可见。

- Ramesh

你好，请提供更多关于你正在运行的服务器类型以及一些通用代码，以便“我们”能够为你提供更具体的答案。正如你所注意到的，这可能与Safari无直接关系。你尝试过在其他浏览器上吗？ - kemicofa ghost

点击“Headers”（在“Preview”旁边），会显示什么内容？ - Old Pro

@kemicofa 后端系统是在Adobe基础设施中使用Java编写的。是的，通过Chrome进行的相同HTTP调用会在开发工具中显示响应正文。 - Ramesh

@Ramesh，为什么Content-Type是application/json？看起来你得到的响应是一个HTML页面，有特定的原因吗？ - kemicofa ghost

1

@kemicofa，感谢您尝试了解这个问题。从我所阅读的内容来看，Safari在处理gzip响应方面存在一些奇怪的问题。 - Ramesh

显示剩余5条评论

3个回答

5

如果您找不到“菜单栏右侧有带箭头的响应”，则需要先缩小视图。

- Evol Rof

1

浏览器的错误消息描述了完成此请求所需的要求。

服务器必须通过发送Access-Control-Allow-Origin响应头来授予您的远程域对所请求资源的访问权限。

在Safari 12中，选择网络选项卡中的行。响应将显示在主区域中。它上面有几个选项卡。选择标头选项卡，查看所显示数据的请求部分以获取一些请求信息。有关请求数据的详细信息，请查看“请求数据”下面的内容。如果适用，那里会有一个小箭头，您可以按下它来查看请求的完整内容。

- UnP

3

我的响应确实有 Access-Control-Allow-Origin: *。它只是无法在开发工具中显示，但网页完美运行。 - user1375096

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Yehuda Schwartz · Accepted Answer

在预览菜单栏的右侧，有一个名为response的选项，旁边有一个箭头，请点击该箭头并将其切换到JSON，这样就可以解决问题了。