Bagaimanakah cara saya menangkap badan respons HTTP dalam sambungan Chrome?

Cara Menangkap Badan Respons HTTP dalam Sambungan Chrome

Pengenalan:

Dalam sambungan Chrome , mendapatkan maklumat tentang permintaan HTTP adalah penting untuk banyak tugas, seperti menganalisis trafik rangkaian atau mengubah suai respons. Walaupun mudah untuk mengakses badan permintaan, mendapatkan semula badan respons menimbulkan cabaran yang lebih besar.

Mendapatkan Badan Respons HTTP:

Pada mulanya, mengakses badan respons terus daripada sambungan Chrome hampir mustahil. Walau bagaimanapun, penyelesaiannya kini terletak pada penggunaan Network.getResponseBody API daripada protokol Chrome DevTools.

Menggunakan API Network.getResponseBody:

Untuk menangkap badan tindak balas menggunakan API Network.getResponseBody, ikut langkah berikut:

1. Dayakan Penyahpepijatan: Lampirkan penyahpepijat Chrome pada tab semasa menggunakan chrome.debugger.attach() dan dayakan perintah Network.enable().
2. Dengar untuk Peristiwa Respons: Langgan acara Network.responseReceived, yang dicetuskan apabila respons diterima.
3. Dapatkan Badan Respons: Apabila acara diterima, hantar perintah Network.getResponseBody dengan requestId respons untuk mendapatkan semula badannya.

Contoh Kod:

<code class="javascript">chrome.tabs.query(
  { currentWindow: true, active: true },
  function (tabArray) {
    let currentTab = tabArray[0];
    chrome.debugger.attach(
      { tabId: currentTab.id },
      "1.0",
      onAttach.bind(null, currentTab.id)
    );
  }
);

function onAttach(tabId) {
  chrome.debugger.sendCommand({ tabId: tabId }, "Network.enable");
  chrome.debugger.onEvent.addListener(allEventHandler);
}

function allEventHandler(debuggeeId, message, params) {
  if (currentTab.id != debuggeeId.tabId) {
    return;
  }
  if (message == "Network.responseReceived") {
    chrome.debugger.sendCommand(
      { tabId: debuggeeId.tabId },
      "Network.getResponseBody",
      { requestId: params.requestId },
      function (response) {
        // Access the response body in 'response.body'
        // Close the debugger (optional)
        chrome.debugger.detach(debuggeeId);
      }
    );
  }
}</code>

Nota:

Fungsi penyahpepijat, termasuk API ini, hanya tersedia dalam skrip latar belakang. Anda tidak boleh menggunakan teknik ini dalam skrip kandungan, yang dijalankan dalam konteks halaman.

Atas ialah kandungan terperinci Bagaimanakah cara saya menangkap badan respons HTTP dalam sambungan Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!