Firefox扩展：browser.webRequest.onBeforeRequest异步响应后无法重定向

你的核心问题是在webRequest.onBeforeRequest的blocking监听器里使用了异步XMLHttpRequest，但未正确返回Promise，导致浏览器无法等待异步操作完成就继续处理请求，最终重定向逻辑失效。

webRequest的blocking模式仅接受两种有效返回值：

• 同步返回配置对象（如{cancel: true}）
• 返回Promise，浏览器会等待Promise resolve后再根据结果处理请求

你原代码中返回的是xhttp.onreadystatechange函数，完全不符合浏览器的预期——监听器函数执行完毕后就会结束，后续异步回调的结果根本不会被处理。

修正后的实现方案 #

用async/await结合fetch实现异步检测（fetch天然返回Promise，更适配该场景）：

1. 监听器注册（核心逻辑无需改动，确保权限正确） #

browser.webRequest.onBeforeRequest.addListener(
  redirect,
  {
    urls: ["<all_urls>"],
    types: ["main_frame"],
  },
  ["blocking"] // 必须保留blocking，同时函数需返回Promise
);

2. 重定向函数（改为async函数，优化HTTPS检测逻辑） #

async function redirect(requestDetails) {
  const redirection_url = "https://google.com/";
  let { url } = requestDetails;
  let final_url = '';

  // 统一将目标URL转为HTTPS格式
  if (url.startsWith("http://")) {
    final_url = "https://" + url.slice(7);
  } else if (url.startsWith("https://")) {
    final_url = url;
  } else {
    final_url = "https://" + url;
  }

  try {
    // 用HEAD请求检测（仅获取响应头，比GET更高效）
    await fetch(final_url, { method: "HEAD", mode: "no-cors" });
    // 若HTTPS可用，重定向到HTTPS地址（原代码返回cancel会直接取消请求，不符合常规需求）
    return { redirectUrl: final_url };
  } catch (error) {
    // HTTPS不可用时，重定向到Google
    return { redirectUrl: redirection_url };
  }
}

关键说明 #

1. HEAD请求的优势：仅获取响应头，不下载响应体，大幅降低检测时的资源消耗。
2. async/await的作用：async函数自动返回Promise，浏览器在blocking模式下会等待Promise完成，再执行后续处理。
3. 权限要求：扩展manifest必须声明必要权限：

   {
     "permissions": ["webRequest", "webRequestBlocking", "<all_urls>"]
   }
   

4. 逻辑修正提示：你原代码中status == 200时返回{cancel: true}会直接取消请求，这不符合“支持HTTPS则访问该站点”的常规需求，上述代码已修正为重定向到HTTPS地址；若你确实需要取消请求，可将对应返回值改回{cancel: true}。

内容的提问来源于stack exchange，提问作者Hassaan