如何使用chrome-extension收听xhr响应？

Question

为了简化问题，让我这样描述。我想在某些Chrome窗口收到xhr响应时执行一个函数。我不知道此请求的确切含义，因为此请求的编码参数例如：api.xxx.com/rest?random=123

所以我认为我不能使用

chrome.devtools.network.onRequestFinished.addListener(function callback)

要么

chrome.webRequest.onCompleted.addListener(function callback)

两者都需要指定请求详细信息。

Answer 1

这些事件的侦听器不需要您指定请求详细信息。相反，在被调用时，它们会为您提供这些详细信息。

由于您想听任何XHR请求，因此可以定义特殊的<all_urls>匹配模式（或*://*/*将它们限制为仅http/https请求）。

例如：

chrome.webRequest.onCompleted.addListener(function (details) {
  // Process the XHR response.
  ...
}, {urls: ['<all_urls>']});

不要忘记根据您的要求声明适当的权限。
例如：

// In `manifest.json`:
...
"permissions": {
  ...
  "webRequest",
  "<all_urls>"   // <-- add this to listen for XHR from all pages
]