Chrome 开发者工具无法捕获网络选项卡中提交的表单，为什么？

Question

一个简单的 html 页面，

<body>
    <form method="POST" action="abc">
        <input ... />
    </form>
</body>

使用javascript提交表单

document.getElementsByTagName('form')[0].submit()

请求确实已提交（服务器返回文件作为下载），但我在网络选项卡中找不到任何活动。

有什么想法吗？预先感谢。

更新： Firefox 在捕捉这一点方面做得很好。

Answer 1

如果触发下载文件的事件，Chrome将创建一个新选项卡，并且该选项卡将立即关闭，以便您无法在开发工具中捕获此请求。

解决方案：在网络选项卡中勾选“离线”复选框，这样将无法发送请求，因此选项卡不会关闭。

Answer 2

在 DevTools 首选项中启用

Auto-open DevTools for popups 选项。它使 Chrome 在“保存”对话框出现之前打开 DevTools 窗口，以获取下载 URL 的新窗口/选项卡。