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

2018-04-02 14:14:11 +08:00
 pyse

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

3695 次点击
所在节点    程序员
7 条回复
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
@pyse 你是想通过代码判断,还是自己肉眼看?
Ajax 请求看 xhr,jsonp 请求看 js。剩下的就自己看着办吧
pyse
2018-04-02 14:42:02 +08:00
@u14e 肉眼从控制台大大概判断一下
cctrv
2018-04-02 14:54:25 +08:00
想找 POST 請求用 Firefox 的控制台。
一眼就看清楚了。

Chrome 的控制台會在 POST 刷新控制台(默認)
如果把歷史紀錄打開,就找上次最後一條紀錄就差不多了。
yamamotoahua
2018-04-02 15:40:10 +08:00
勾选 preserve log 作用是刷新页面也可以保留记录
选中 filter -> XHR 这个一般就是 Response

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/443537

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX