Как получить тело ответа HTTP в расширениях Chrome

Получение тела ответа HTTP в фоновом сценарии расширения Chrome представляет собой сложную задачу. Хотя расширение может получить доступ к телу запроса с помощью chrome.webRequest.onBeforeRequest, получить тело ответа обычно невозможно.

Чтобы преодолеть это ограничение, творческий подход предполагает использование API chrome.debugger. Этот API позволяет расширениям выполнять отладку и взаимодействовать с сетевой активностью браузера. Вот подробная реализация:

1. Установите соединение с текущей вкладкой с помощью chrome.tabs.query и chrome.debugger.attach.
2. Включите сетевую отладку, отправив команду Network.enable на вкладку.
3. Зарегистрируйте прослушиватель событий для Network.responseReceived event.
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.