网页一闪而过就刷新了，怎么查看接口？

背景

有很多场景，我们点击某个按钮之后，页面就刷新了：

• 登录：输入账号密码，点击登录后，页面刷新了，然后跳转到首页（更多的是退出登录会刷新）
• 提交：某些场景我们点击提交按钮后，页面会刷新

对于上述这种情况，我们怎么查看登录接口的返回，查看提交接口的返回呢？
其实，一个设置即可搞定。

解决方案

在谷歌浏览器DevTools中的Network面板，勾选Preseve log，这样就可以查看接口、而不会随着页面刷新就消失了。

原理

To save requests across page loads, check the Preserve log checkbox on the Network panel. DevTools saves all requests until you disable Preserve log.

按照 Chrome 官方文档的介绍，Preserve log 如果勾选，在跨页面加载请求时，会保留之前的所有请求，目的是为了方便开发同学排查一些跨站请求是接口的一些问题，比如数据对比等。

应用场景

• 接口请求后、页面迅速刷新（如：登录、退出登录、某些操作成功后执行的刷新）
• 从A网站跳转到B网站的页面，在B网站查看之前A网站的请求数据
• 其他一些调试