确定API请求的来源？

Question

我已经介绍了一个我需要对其进行一些修改的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这样的东西是理想的，但只是文件名也会有很大的帮助。

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

Answer 1

如果你知道在应用程序中要做什么来发出请求，那么在Chrome中你可以使用XHR断点来捕获它：

1. 导航到您即将执行导致请求的事项
2. 打开开发工具
3. 切换到“来源”标签
4. 在右侧，向下滚动到“XHR Breakpoints”
5. 点击+按钮，填写相应的网址子集（或将其留空以便在所有XHR上中断）
6. 添加
7. 执行请求的事情

Chrome会破坏并带您进入触发XHR的代码行。