使用 JavaScript 在 Chrome 上搜索 XHR 请求？答案

【问题标题】：Searching through XHR requests on Chrome with JavaScript?使用 JavaScript 在 Chrome 上搜索 XHR 请求？
【发布时间】：2018-09-22 01:16:56
【问题描述】：

我正在尝试从网站收集 JSON 信息，为此，我需要一个在您重新登录时更改的密钥。

我可以使用 Dev Tools --> Network 找到这个密钥，然后有一个包含密钥的 XHR 请求。我可以很容易地手动找到密钥，但有没有办法使用 JavaScript 找到它？

谢谢！

【问题讨论】：

是的，这是可能的，尽管找出密钥的来源并直接从中获取值会更优雅，而不是拦截网络请求。（可能有可能，也可能没有——如果没有，那么您可以尝试修补他们正在使用的请求方法）
我想我可以尝试一下，我同意这样做会更有效率，但如果有可能的话，这将需要很多时间，我只是这样做项目的乐趣，并不真正关心效率。你认为我会如何搜索请求？
你能弄清楚使用的请求方法吗？ XMLHttpRequest，还是fetch，还是jQuery？
好像是用jQuery的

标签： javascript json google-chrome google-chrome-devtools

【解决方案1】：

您必须运行一个脚本，在请求运行之前修改 jQuery 对象，或者您必须在加载全局 jQuery 对象本身的页面加载之前运行一个脚本，并防止它被重新分配。完成此操作后，您可以修改 jQuery.get 或站点使用的任何 jQuery 函数，以便在调用时向您提供信息，如下所示：

const oldGet = jQuery.get;
jQuery.get = function(...args) {
  if (args[1]) {
    const data = args[1];
    console.log(JSON.stringify(data));
  }
  oldGet.apply(this, args);
}



// then once the native script calls $.get, or whichever method, it will go through your custom function first:



$.get('/someendpoint', { authKey: 'abcde' });

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：