如何通过Firefox扩展执行页面中的函数？

核心结论 #

可以通过Firefox扩展执行页面中的函数，但需确保代码运行在正确上下文，且目标函数确实存在于页面全局作用域中。

你的代码问题分析 #

1. 目标函数访问逻辑错误：top[3].function1() 写法不合理，top指向顶层窗口，top[3]并非合法的窗口/对象引用，页面定义的全局函数通常挂载在window对象上，应直接通过window.function1()访问。
2. Promise与回调混用：browser.tabs.executeScript支持Promise语法，你同时使用了.then()链式调用和回调函数，容易导致逻辑混乱，建议统一使用Promise风格。
3. 缺乏函数存在性校验：直接执行函数未做存在性检查，若页面中function1未定义会直接抛出错误，导致未预期行为。

修复后的代码示例 #

调整后的choose_page.js #

document.addEventListener("click", (event) => {
  if (!event.target.classList.contains("page-choice")) {
    return;
  }

  browser.tabs.query({active: true, currentWindow: true})
    .then(tabs => {
      const activeTab = tabs[0];
      console.log("Active tab URL:", activeTab.url);

      // 注入脚本前先校验函数存在性，避免报错
      return browser.tabs.executeScript(activeTab.id, {
        code: `
          if (typeof window.function1 === 'function') {
            window.function1();
          } else {
            console.error('页面中未定义function1函数');
          }
        `
      });
    })
    .then(results => {
      console.log('脚本执行结果:', results);
    })
    .catch(error => {
      console.error("操作错误:", error);
    });
});

关键注意事项 #

• 作用域规则：扩展注入的脚本默认运行在"隔离世界"，但通过code字段注入的代码可以直接访问页面的全局作用域（包括页面定义的函数），前提是函数挂载在window对象上。
• 权限限制：确保当前激活的标签页不是chrome://、about://等受系统限制的页面，这类页面不允许扩展注入脚本。
• Manifest版本兼容：你的代码基于Manifest V2，Firefox 115及以上版本推荐迁移到Manifest V3，需将browser_action改为action，并调整权限声明格式。

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