Chrome重定向拦截扩展开发求助：无弹窗阻止页面跳转

针对你开发Chrome扩展阻止网页重定向的需求，我来帮你解决遇到的问题，并给出完整的实现方案：

问题分析 #

1. window.onbeforeunload无效的原因：
   Chrome浏览器在新版本中对window.onbeforeunload做了严格限制——它只能触发浏览器默认的离开提示（无法自定义提示文本），而且这个事件的作用是提示用户是否离开页面，并不能直接阻止重定向操作。所以用它来拦截重定向从逻辑上就不符合需求。

2. ESC键方案失败的原因：
   你之前的代码是主动触发keypress事件，而不是监听用户真实的ESC按键操作。我们需要在页面中注入脚本，监听用户按下ESC的动作，然后通知扩展停止拦截。

完整Chrome扩展实现 #

1. 扩展文件结构 #

redirect-blocker/
├── manifest.json
├── background.js
└── content.js

2. manifest.json 配置 #

需要申请必要的权限，同时配置后台脚本和内容脚本：

{
  "manifest_version": 3,
  "name": "无弹窗重定向拦截器",
  "version": "1.0",
  "description": "自动拦截网页重定向，按ESC键可临时取消拦截",
  "permissions": ["webRequest", "webRequestBlocking"],
  "host_permissions": ["<all_urls>"],
  "background": {
    "service_worker": "background.js"
  },
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["content.js"],
      "run_at": "document_idle"
    }
  ]
}

注：document_idle确保内容脚本在页面完全加载后注入，符合你"页面完全加载后操作"的需求。

3. background.js 后台拦截逻辑 #

使用Chrome的webRequest API拦截所有重定向请求，通过开关变量控制拦截状态：

// 默认开启拦截
let blockRedirects = true;

// 拦截主框架的重定向请求
chrome.webRequest.onBeforeRequest.addListener(
  (details) => {
    if (blockRedirects && details.type === "main_frame" && details.redirectUrl) {
      return { cancel: true };
    }
  },
  { urls: ["<all_urls>"] },
  ["blocking"]
);

// 监听来自内容脚本的消息，切换拦截状态
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message.action === "toggleBlock") {
    blockRedirects = !blockRedirects;
    // 给页面返回状态提示（控制台输出，无弹窗）
    chrome.tabs.sendMessage(sender.tab.id, { 
      status: blockRedirects ? "重定向拦截已开启" : "重定向拦截已关闭" 
    });
  }
});

4. content.js 监听ESC按键 #

页面加载完成后，监听用户按下ESC键，通知后台切换拦截状态：

// 监听ESC按键
window.addEventListener("keydown", (e) => {
  if (e.key === "Escape") {
    e.preventDefault();
    // 向后台发送切换拦截状态的消息
    chrome.runtime.sendMessage({ action: "toggleBlock" }, (response) => {
      // 在控制台输出状态，无弹窗干扰
      console.log(response.status);
    });
  }
});

工作原理说明 #

1. 自动拦截：扩展启用后，后台脚本通过webRequest API自动拦截所有主框架的重定向请求，全程无任何弹窗提示。
2. ESC控制：页面完全加载后，内容脚本监听ESC按键，按下时通知后台切换拦截状态——此时页面的重定向会被允许，再次按下ESC又会恢复拦截。
3. 无干扰提示：状态变化仅在浏览器控制台输出，完全不会影响用户浏览体验。

测试你的示例页面 #

把你提供的示例HTML和JS代码保存为本地文件，在Chrome中打开它：

• 默认状态下，倒计时结束后不会跳转到目标地址，重定向被成功拦截。
• 按下ESC键后，控制台会输出"重定向拦截已关闭"，此时倒计时结束后页面会正常跳转；再次按下ESC，控制台输出"重定向拦截已开启"，恢复拦截功能。

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