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

Question

10

一个简单的HTML页面，

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

用JavaScript提交表单

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

请求已经成功提交（服务器返回了一个文件作为下载），但是我在网络选项卡中没有找到任何活动。

有什么想法？谢谢您提前的帮助。

更新: Firefox 在这方面的捕获效果不错。

- Rm558

1

这个 HTML 页面是你的弹出窗口还是普通页面？你是在检查弹出窗口页面的网络（右键单击弹出窗口>检查>网络），还是普通页面的网络（右键单击浏览器页面>检查>网络）？ - Abozanona

因为您使用提交过程创建了一个新窗口并加载了新页面，这将清除先前窗口（页面）的所有网络历史记录。 - charlietfl

@charlietfl 如照片所示，他已勾选了保留日志选项，这样在刷新后控制台不会被清除，对吗？ - Abozanona

@Yazan W Yusuf，这是一个普通页面，我简化了一下。 - Rm558

是的，它在同一个内容页面中。或者直接在控制台选项卡中运行它。 - Rm558

显示剩余2条评论

1个回答

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

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

- Nokados · Accepted Answer

如果它触发了一个下载文件的事件，Chrome会创建一个新的标签页，这个标签页会立即关闭，因此您无法在Dev工具中捕获此请求。

解决方案：在网络选项卡中勾选“离线”复选框，这将导致请求失败，因此标签页不会关闭。