确定 API 请求的来源

Determine source of API request?

本文关键字:请求 API 确定      更新时间:2023-09-26

我被介绍到一个需要做一些修改的Web应用程序。

该应用程序很大,可能有100个Javascript文件。这些文件始终向第三方 API 发送请求。

现在,在控制台中,我可以看到所有这些请求。假设一个看起来像:

GET http://123.456.789.10:8000/v1/accounts/accountnum/children?_=1422026843600

然后我当然可以看到发送的参数、标头和响应。我的问题是我需要找到正在发送一个特定请求的 JS 文件。在所有文件中搜索 API 目标 URL 会发现有 40 或 50 个文件使用类似的参数向同一 URL 发送请求。

有没有办法找出一个特定请求的源文件?像sent from filename.js on line 123这样的东西是理想的,但只有文件名也会有很大帮助。

我可以浏览所有文件并单独尝试每个文件,但这似乎是浪费时间。会有很多代码要经历。

如果您知道如何在应用程序中执行该怎么做才能发出请求,则可以在 Chrome 中使用 XHR 断点来捕获它:

  1. 导航到您将要执行导致请求的操作的位置
  2. 打开开发工具
  3. 切换到"源"选项卡
  4. 在右侧,向下滚动到"XHR 断点"
  5. 单击+按钮,填写URL的某个适当子集(或将其留空以中断所有XHR)
  6. 添加它
  7. 执行
  8. 执行请求的操作

Chrome 会中断并带您进入触发 XHR 的代码行。