js 监听iframe内部的http请求

可以通过以下步骤监听 iframe 内部的 HTTP 请求：

1. 获取 iframe 的 window 对象，假设 iframe 的 id 为 "myiframe"，可以通过以下方式获取：

var iframe = document.getElementById("myiframe");
var iframeWindow = iframe.contentWindow;

2. 监听 iframe 内部的 XMLHttpRequest 请求，可以通过重写 iframe 的 window.XMLHttpRequest 对象来实现。具体步骤如下：

// 保存原始的 XMLHttpRequest 对象
var originalXHR = iframeWindow.XMLHttpRequest;

// 重写 iframe 的 XMLHttpRequest 对象
iframeWindow.XMLHttpRequest = function() {
  var xhr = new originalXHR();

  // 监听 xhr 的相关事件，比如 onreadystatechange、onload、onerror 等
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
      // xhr 请求完成后的处理逻辑
      console.log("iframe 请求完成，状态码为：" + xhr.status);
    }
  };

  // 返回重写后的 xhr 对象
  return xhr;
};

通过重写 iframe 的 XMLHttpRequest 对象，可以监听 iframe 内部的 HTTP 请求，并在请求完成后执行相应的逻辑。需要注意的是，该方法只能监听通过 XMLHttpRequest 发出的请求，无法监听通过其他方式（如 fetch）发出的请求。