怎么从浏览器控制台中判断出本次操作真正调用的后台接口？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2429 天前的主题，其中的信息可能已经有所发展或是发生改变。

如题，我点击一个按钮，浏览器控制台中会一次产生好多个请求地址，我如何判断哪个才是本次操作获得数据（或者提交数据）的真正接口呢？ avatar

7 条回复 • 2018-04-02 15:40:10 +08:00

u14e

2018-04-02 14:20:08 +08:00

Chrome 控制台的 Network 下展开 Filter(漏斗图标)，选中 XHR

pyse

2018-04-02 14:21:09 +08:00

@u14e xhr 跟 all 不都是捕获请求吗？ xhr 是异步请求？

vincenttone

2018-04-02 14:28:45 +08:00

楼主截图这个应该是个 post 请求，
1. 找到表单按钮点击事件，如果有 js 提交就找到对应的 js 方法，确定 url，压缩不会把 js 方法压缩掉
2. 如果不是 js 的，找到对应的 from，提交的 action。

u14e

2018-04-02 14:41:31 +08:00 via Android

@pyse 你是想通过代码判断，还是自己肉眼看？
Ajax 请求看 xhr，jsonp 请求看 js。剩下的就自己看着办吧

pyse

2018-04-02 14:42:02 +08:00

@u14e 肉眼从控制台大大概判断一下

cctrv

2018-04-02 14:54:25 +08:00 via iPhone

想找 POST 請求用 Firefox 的控制台。
一眼就看清楚了。

Chrome 的控制台會在 POST 刷新控制台（默認）
如果把歷史紀錄打開，就找上次最後一條紀錄就差不多了。

yamamotoahua

2018-04-02 15:40:10 +08:00

勾选 preserve log 作用是刷新页面也可以保留记录
选中 filter -> XHR 这个一般就是 Response