javascript - chrome devtools 中 network 标签，开启 preserve log，查看历史页面发起请求的 response 是无法查看，是为什么。怎么能查看历史的 response？

Question

chrome devtools 中 network 标签，开启 preserve log，查看历史页面发起请求的 response 是无法查看，是为什么。怎么能查看历史的 response？

跳转页面之后 response 就无法查看了，怎么能继续查看

Answer 1

F12抓取，为什么淘宝的登录接口没有响应体数据返回呢？ https://segmentfault.com/q/1010000044648400/a-1020000044648676

Answer 2

在 Chrome 的开发者工具（DevTools）中，如果你开启了 "preserve log" 选项，那么页面在重新加载或刷新后，网络请求的历史记录仍然会被保留。然而，你提到在跳转页面后无法查看 response，这可能是因为某些原因。

以下是可能导致此问题的原因和解决方法：

1. 请求已完成：当请求完成后，其 response 通常只会在 Network 面板中短暂地显示。如果你在请求完成之后立即切换到其他页面或刷新页面，可能会错过 response 的显示。

解决方法：你可以尝试在请求完成之前（例如，在 "pending" 状态时）截图或复制链接，然后在新的标签页中打开该链接以查看 response。

2. 缓存问题：有时，由于浏览器缓存或其他原因，你可能会看到旧的或缓存的 response，而不是实际的 response。

解决方法：尝试清除浏览器缓存或使用隐私模式（无痕模式）打开页面。

3. 请求已被删除：如果你已经清除了 DevTools 中的网络日志，那么该请求及其 response 将无法恢复。

解决方法：不要轻易清除 DevTools 中的网络日志，这样你可以随时回到过去查看 response。

4. DevTools 的版本或 bug：确保你使用的 Chrome 或 DevTools 是最新版本。有时，旧版本的软件可能会有 bug 或不完全的功能。

解决方法：更新 Chrome 和 DevTools 到最新版本。

5. 响应被截断：有些大的 response 会被自动截断显示。如果 response 的实际内容大于你在 Network 面板中看到的部分，那么你可能需要查看完整的 response。

解决方法：你可以右键点击某个请求的 response，然后选择 "Open in new tab"，这样可以在新的标签页中查看完整的 response。

6. 网络请求被重定向了：如果请求被重定向到其他 URL，那么原始的请求和其 response 可能不会显示。

解决方法：检查 Network 面板中的 "Initiator" 列，这会显示导致当前请求的原始请求。从那里，你可以追踪重定向链。

7. 跨域问题：如果请求是跨域的，出于安全原因，response 的内容可能不会显示。

解决方法：确保你具有查看跨域资源的权限或与服务器配置适当的 CORS 头部。

总之，为了确保能够查看历史的 response，请确保 DevTools 已更新、清除缓存、不要过早关闭页面或刷新、检查是否正确设置了 preserve log、确保你有权查看响应内容（如跨域设置）。希望这些建议能帮到你！