Chrome/Edge为何不记录含页面跳转脚本的响应内容？

当请求GET /时，服务器返回的200响应包含一段自动跳转的脚本：

<html><head><link rel="shortcut icon" href="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" /><script>document.cookie="fragmentAfterLogin="+encodeURIComponent(location.hash)+";path=/";document.cookie="locationAfterLogin="+encodeURIComponent(location.href.split('#')[0].split(location.host)[1])+";path=/";document.cookie="signature=5a0ulnhxPjudu70%2BQCphKEQyZm8%3D;path=/";location="https://authserver.com/oauth/authorize?response_type=code&client_id=sb-na-bea877db-68ab-48d1-1056-c07fd6d0d1bf!t1367&redirect_uri=http%3A%2F%2Flocalhost%3A5005%2Flogin%2Fcallback"</script></head></html>

但Chrome或Edge的开发者工具网络追踪里看不到这个响应，只能通过curl获取。

问题原因 #

响应中的脚本会立即触发页面跳转，浏览器在完成响应接收后瞬间跳转到授权服务器，导致原始的GET /请求被快速覆盖，网络面板默认不会保留这类被跳转中断的请求日志，或者将其标记为已完成但未在列表中突出显示。

解决方案 #

• 开启“保留日志”选项：打开开发者工具的Network面板，勾选顶部的Preserve log复选框。刷新页面后，网络列表会保留所有请求记录，包括跳转前的GET /请求，点击即可查看响应内容。
• 禁用JavaScript：按F1打开开发者工具设置，找到Disable JavaScript选项并勾选。刷新页面后，脚本无法执行跳转，GET /请求会停留在当前页面，可直接在Network面板查看响应。
• 打断点阻止跳转：打开开发者工具的Sources面板，在左侧“Page”标签下找到当前页面的脚本（或直接在Console中输入debugger;后刷新），浏览器会在执行跳转代码前暂停，此时回到Network面板即可查看原始响应。
• 调整过滤选项：确保Network面板的过滤栏选择All，避免只显示XHR/Fetch等特定类型请求，防止GET /请求被过滤隐藏。

内容的提问来源于stack exchange，提问作者Pieter