Firefox扩展Content Script通过location.href调用页面函数失效求助

我完全理解你的困扰——Firefox对扩展与页面上下文的隔离机制确实比Chrome更严格，直接通过location.href="javascript:..."的方式在Firefox里会被安全策略拦截，导致无法生效。下面给你两个可靠的替代方案：

方案一：通过注入Script标签执行页面上下文代码 #

这是最通用的方法，核心思路是把需要执行的代码注入到页面的全局上下文里（因为Content Script运行在隔离的沙箱中，无法直接访问页面的全局函数）。

你可以在content_scripts.js里添加以下代码：

// 封装一个通用的页面上下文执行函数
function runInPageContext(fn) {
  const scriptEl = document.createElement('script');
  // 将函数转为字符串，包裹成自执行形式注入页面
  scriptEl.textContent = `(${fn.toString()})();`;
  document.documentElement.appendChild(scriptEl);
  // 执行后立即移除脚本标签，避免污染DOM
  scriptEl.remove();
}

// 调用页面的tellParent和lightboxClose函数
runInPageContext(() => {
  tellParent('lightboxClose();');
});

这个方法的优势是：

• 完全兼容Firefox和Chrome
• 可以执行复杂的逻辑，不仅仅是单一函数调用
• 不会留下多余的DOM元素

方案二：直接注入简单的执行代码 #

如果你的需求只是执行一句简单的函数调用，也可以简化写法：

const script = document.createElement('script');
script.textContent = "tellParent('lightboxClose();');";
document.body.appendChild(script);
script.remove();

为什么原来的方法在Firefox里失效？ #

Firefox的扩展安全机制和Content Security Policy（CSP）会限制通过javascript:伪协议执行代码的行为，尤其是在Content Script环境中，这种方式被判定为高风险操作，因此被默认拦截。而Chrome对这种方式的限制相对宽松，所以之前的代码能正常运行。

注意事项 #

• 页面上下文和Content Script是完全隔离的，两者之间无法直接共享变量或复杂对象，如果需要传递数据，可以使用window.postMessage进行跨上下文通信。
• 注入的代码必须是页面全局上下文能访问到的函数，确保tellParent和lightboxClose确实存在于页面的window对象上。

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