Firefox扩展仅首次生效，如何实现每次打开网站都检测执行？

你的问题核心是扩展脚本没有在每次页面加载时自动执行，仅在扩展首次启动时运行了一次。下面是具体的修复步骤：

1. 修正manifest.json的脚本注入配置 #

确保扩展的内容脚本（content script）被配置为每次打开目标网站时自动注入，而非仅在扩展首次加载时运行。

Manifest V3 配置示例： #

{
  "manifest_version": 3,
  "name": "移除指定元素",
  "version": "1.0",
  "content_scripts": [
    {
      "matches": ["*://目标网站域名/*"], // 替换为你的目标网站，比如 *://example.com/*
      "js": ["content.js"],
      "run_at": "document_idle" // 页面基本加载完成后执行，确保元素已存在
    }
  ]
}

Manifest V2 配置示例（如果你还在用旧版本）： #

{
  "manifest_version": 2,
  "name": "移除指定元素",
  "version": "1.0",
  "content_scripts": [
    {
      "matches": ["*://目标网站域名/*"],
      "js": ["content.js"],
      "run_at": "document_idle"
    }
  ]
}

2. 确保content.js的逻辑能覆盖静态/动态元素 #

根据目标元素是否是页面加载后动态生成的，选择对应的逻辑：

情况1：元素是页面静态渲染的（加载完成后就存在） #

// content.js
function removeTargetElements() {
  // 替换成你的目标类名
  const elements = document.querySelectorAll('.your-target-class');
  elements.forEach(el => el.remove());
}

// 页面加载完成后执行移除
if (document.readyState === 'complete') {
  removeTargetElements();
} else {
  window.addEventListener('load', removeTargetElements);
}

情况2：元素是动态生成的（比如通过AJAX加载） #

这种情况需要监听DOM变化，确保元素一出现就被移除：

// content.js
const targetClass = 'your-target-class';

// 移除已存在的目标元素
function removeElements() {
  document.querySelectorAll(`.${targetClass}`).forEach(el => el.remove());
}

// 监听DOM树变化，处理动态添加的元素
const observer = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    // 只要有新节点添加，就检查并移除目标元素
    if (mutation.addedNodes.length > 0) {
      removeElements();
    }
  });
});

// 启动监听，监听body下所有子节点的变化
observer.observe(document.body, { childList: true, subtree: true });

// 页面加载完成后先执行一次，移除初始存在的元素
removeElements();

3. 测试验证 #

修改配置和脚本后，重新临时加载扩展：

• 刷新目标页面，检查元素是否被移除
• 关闭并重新打开标签页/浏览器，再次访问目标网站，确认功能正常

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