Cómo recuperar el cuerpo de respuesta HTTP en extensiones de Chrome

Recuperar el cuerpo de respuesta HTTP dentro de una secuencia de comandos en segundo plano de una extensión de Chrome presenta un desafío. Si bien la extensión puede acceder al cuerpo de la solicitud mediante chrome.webRequest.onBeforeRequest, normalmente no es posible obtener el cuerpo de la respuesta.

Para superar esta limitación, un enfoque creativo implica aprovechar la API chrome.debugger. Esta API permite que las extensiones depuren e interactúen con la actividad de red del navegador. Aquí hay una implementación detallada:

1. Establezca una conexión a la pestaña actual usando chrome.tabs.query y chrome.debugger.attach.
2. Habilite la depuración de red enviando el comando Network.enable a la pestaña.
3. Registrar un detector de eventos para eventos Network.responseReceived.
4. Cuando se reciba una respuesta, envíe el comando Network.getResponseBody especificando el requestId de los parámetros del evento.
5. El cuerpo de la respuesta será devuelto por el comando, lo que le permitirá procesarlo según sea necesario.

// 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 ...
    });
  }
});

Este método le permite recuperar el cuerpo de la respuesta HTTP sin la necesidad de páginas de navegador adicionales o servicios de terceros. Tenga en cuenta que puede cerrar la sesión de depuración usando chrome.debugger.detach cuando haya terminado.