如何在 Chrome 扩展程序中检索 HTTP 响应正文

在 Chrome 扩展程序后台脚本中检索 HTTP 响应正文是一项挑战。虽然扩展程序可以使用 chrome.webRequest.onBeforeRequest 访问请求正文，但通常无法获取响应正文。

为了克服此限制，一种创造性的方法涉及利用 chrome.debugger API。此 API 允许扩展程序调试浏览器的网络活动并与之交互。下面是详细实现：

1. 使用 chrome.tabs.query 和 chrome.debugger.attach 建立与当前选项卡的连接。
2. 通过发送 Network.enable 命令启用网络调试到选项卡。
3. 注册 Network.responseReceived 事件的事件监听器。
4. 收到响应后，发送 Network.getResponseBody 命令，并从事件参数中指定 requestId。
5. 命令将返回响应正文，以便您根据需要进行处理。

// Attach to the current tab and enable network debugging.
chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
  chrome.debugger.attach({ tabId: tabs[0].id }, '1.0', debuggeeId => {
    chrome.debugger.sendCommand({ tabId: debuggeeId.tabId }, 'Network.enable');
  });
});

// Listen for response received events.
chrome.debugger.onEvent.addListener((debuggeeId, message, params) => {
  if (debuggeeId.tabId !== currentTab.id) return;
  if (message === 'Network.responseReceived') {
    // Get the response body by sending a command.
    chrome.debugger.sendCommand({ tabId: debuggeeId.tabId }, 'Network.getResponseBody', { requestId: params.requestId }, response => {
      // The response body is now available.
      // ... Process the response body ...
    });
  }
});

此方法允许您检索 HTTP 响应正文，而无需额外的浏览器页面或第三方服务。请注意，完成后您可以使用 chrome.debugger.detach 关闭调试会话。