Chrome扩展开发：检测HTTP状态码及循环刷新功能实现问题

嘿，我来帮你拆解这两个核心问题，一步步搞定你的Chrome扩展开发困扰～

一、如何检测HTTP状态码200？比DOMContentLoaded更快吗？ #

首先得明确：内容脚本里的DOMContentLoaded事件只能判断页面DOM结构加载完成，根本拿不到HTTP请求的状态码——因为内容脚本运行在页面的隔离上下文里，无法直接访问请求级别的信息。

要获取HTTP状态码，你得用Chrome提供的webRequest API，而且必须在**后台脚本（background script）**里实现，因为这个API需要扩展的权限支持。具体做法如下：

1. 先在manifest.json里配置必要的权限：

{
  "manifest_version": 3,
  "name": "状态码检测刷新工具",
  "version": "1.0",
  "permissions": ["webRequest", "tabs"],
  "background": {
    "service_worker": "background.js"
  },
  "host_permissions": ["<all_urls>"] // 可以指定你需要监听的特定域名，比如"https://example.com/*"
}

2. 在background.js里监听请求完成事件，直接获取状态码：

chrome.webRequest.onCompleted.addListener(
  (details) => {
    if (details.statusCode === 200) {
      console.log(`目标页面返回200状态码：${details.url}`);
      // 这里可以触发你的后续逻辑，比如执行刷新
    }
  },
  { urls: ["<all_urls>"] } // 和host_permissions保持一致
);

至于速度问题：这种方式肯定比等DOMContentLoaded快——webRequest在请求完成（拿到响应头和状态码）时就会触发，不需要等页面DOM渲染、资源加载完成，能更早捕获到状态码信息。

二、为什么循环刷新只执行一次？怎么实现50次循环刷新？ #

你写的while循环逻辑有两个致命问题：

1. DOMContentLoaded在页面生命周期里只会触发一次，你循环添加50个监听，本质上都是绑定到同一个事件，触发时所有监听都会执行，但页面刷新后，之前的内容脚本上下文就被销毁了，新页面里没有这些监听，自然只刷新一次。
2. while循环是同步执行的，瞬间就加完50个监听，但事件只触发一次，刷新页面后循环的后续逻辑根本不会再运行。

正确的实现方式是：在后台脚本里维护一个计数器，每次满足状态码条件（比如200）时执行刷新，同时累加计数，直到达到50次后停止监听。示例代码如下：

let refreshCount = 0;
const MAX_REFRESH_TIMES = 50;

// 处理刷新逻辑的函数
function handleRefresh() {
  if (refreshCount < MAX_REFRESH_TIMES) {
    console.log(`正在执行第 ${refreshCount + 1} 次刷新`);
    // 获取当前激活的标签页并刷新
    chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
      if (tabs[0]) {
        chrome.tabs.reload(tabs[0].id);
      }
    });
    refreshCount++;
  } else {
    // 达到次数后，移除监听避免重复触发
    chrome.webRequest.onCompleted.removeListener(checkStatusAndRefresh);
    console.log("已完成50次刷新任务");
  }
}

// 监听请求完成并检查状态码
function checkStatusAndRefresh(details) {
  if (details.statusCode === 200) {
    handleRefresh();
  }
}

// 注册监听
chrome.webRequest.onCompleted.addListener(
  checkStatusAndRefresh,
  { urls: ["<all_urls>"] }
);

这样每次页面返回200状态码时，就会触发一次刷新，后台脚本的计数器会一直累加，直到完成50次后自动停止监听，完美解决你遇到的只刷新一次的问题。

备注：内容来源于stack exchange，提问作者Share