如何通过Chrome扩展检测网页特定alert弹窗是否显示

要实现检测网页window.alert()的文本内容并执行自定义逻辑，核心思路是重写网页全局的alert方法——因为alert是浏览器提供的全局API，我们可以在网页脚本运行前替换它，从而捕获每次调用的参数。以下是具体实现步骤：

1. 配置扩展清单（manifest.json） #

确保内容脚本能在目标网页加载初期注入，这样才能优先重写alert方法。以Manifest V3为例：

{
  "manifest_version": 3,
  "name": "Alert 监控工具",
  "version": "1.0",
  "content_scripts": [
    {
      "matches": ["<all_urls>"], // 替换为你需要监控的网站，比如"https://example.com/*"
      "js": ["content.js"],
      "run_at": "document_start" // 关键：在网页脚本加载前注入
    }
  ]
}

2. 编写内容脚本（content.js） #

由于内容脚本的执行上下文与网页脚本隔离，我们需要通过注入脚本标签的方式，将重写alert的代码放到网页的全局上下文中：

// 创建脚本标签，注入到网页全局上下文
const injectScript = document.createElement('script');
injectScript.textContent = `
// 保存原始alert方法，避免完全覆盖
const originalAlert = window.alert;

// 重写alert方法
window.alert = function(message) {
  // 检测alert文本内容
  if (message.includes('Banana')) {
    // 执行你的自定义代码
    console.log('捕获到目标alert:', message);
    // 可选：向内容脚本传递消息（如需后续处理）
    window.postMessage({ type: 'TARGET_ALERT', text: message }, '*');
  }

  // 可选：是否保留原始弹窗
  originalAlert.call(window, message);
  // 如果要阻止弹窗显示，注释掉上面一行即可
};
`;

// 插入脚本到页面并立即移除，避免DOM冗余
document.documentElement.appendChild(injectScript);
injectScript.remove();

// 监听网页传递的消息（如需与扩展其他模块通信）
window.addEventListener('message', (event) => {
  if (event.source === window && event.data.type === 'TARGET_ALERT') {
    // 可选：将消息发送到扩展后台脚本
    chrome.runtime.sendMessage({ alertContent: event.data.text });
  }
});

3. 可选：后台脚本处理（background.js） #

如果需要在后台执行更复杂的逻辑（比如存储数据、触发通知），可以在后台脚本中监听消息：

chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message.alertContent) {
    console.log('后台收到alert内容:', message.alertContent);
    // 这里可以添加自定义逻辑，比如发送桌面通知
    chrome.notifications.create({
      type: 'basic',
      iconUrl: 'icon.png',
      title: '检测到目标Alert',
      message: message.alertContent
    });
  }
});

关键注意事项 #

• run_at: document_start必须设置，确保我们的重写代码在网页任何脚本执行前生效，避免alert被网页提前调用而错过检测。
• 若不需要保留原始弹窗，直接删除originalAlert.call(window, message)即可拦截弹窗。
• 针对特定网站，修改matches字段为目标域名，避免不必要的脚本注入。

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