Firefox：工具栏按钮中键点击触发权限错误的问题及修复咨询

我来帮你拆解这个问题，这其实是浏览器扩展权限机制里的一个常见小坑。先把你的代码贴出来方便大家参考：

function scrollToPos(activeTab, clickData) { 
  if (clickData.button === 0) 
    browser.tabs.executeScript({ 
      code: scrollToTopOrBack, 
      runAt: "document_end" 
    }); 
  else 
    browser.tabs.executeScript({ 
      code: "window.scrollTo(0, document.documentElement.scrollHeight);" 
    }); 
} 
browser.browserAction.onClicked.addListener(scrollToPos);

问题成因 #

浏览器扩展的tabs.executeScript接口需要对应标签页的主机权限才能注入脚本，但浏览器的权限授予逻辑有个细节差异：

• 当你左键点击浏览器动作按钮时，浏览器会自动为当前活跃标签页的域名授予临时主机权限（这是浏览器为了提升用户体验做的默认逻辑）；
• 但中键点击这个动作，浏览器不会触发自动授权流程，所以首次中键点击时，扩展还没有当前标签页的主机权限，就会抛出「Missing host permission for the tab」错误；
• 而先左键点击后，临时权限已经被授予，后续的中键点击自然就能正常执行脚本了。

修复方案 #

有两种可靠的修复方式，你可以根据自己的扩展需求选择：

方式1：在manifest中声明全局主机权限 #

如果你的扩展需要在所有网站上生效，直接在manifest.json里添加<all_urls>权限即可：

{
  "permissions": [
    "tabs",
    "<all_urls>"
  ]
}

这样扩展安装后就拥有了所有网站的主机权限，不管左键还是中键点击都能直接执行滚动逻辑，不需要额外处理。

方式2：动态请求当前标签页的权限 #

如果想遵循权限最小化原则，不想申请全网站权限，可以在执行脚本注入前，先检查并请求当前标签页的对应权限：

async function scrollToPos(activeTab, clickData) {
  // 从当前标签页URL中提取需要的主机权限
  const url = new URL(activeTab.url);
  const hostPermission = `${url.protocol}//${url.host}/*`;

  // 检查是否已有对应权限
  const hasPermission = await browser.permissions.contains({
    origins: [hostPermission]
  });

  // 没有权限则向用户请求
  if (!hasPermission) {
    const granted = await browser.permissions.request({
      origins: [hostPermission]
    });
    if (!granted) {
      // 用户拒绝权限时的提示逻辑
      console.log("用户拒绝了权限请求，无法执行滚动操作");
      return;
    }
  }

  // 权限确认后执行滚动逻辑
  if (clickData.button === 0) {
    await browser.tabs.executeScript({
      code: scrollToTopOrBack,
      runAt: "document_end"
    });
  } else {
    await browser.tabs.executeScript({
      code: "window.scrollTo(0, document.documentElement.scrollHeight);"
    });
  }
}

// 注意：如果是Manifest V3，要把browser.browserAction改成browser.action
browser.browserAction.onClicked.addListener(scrollToPos);

这种方式只会在需要时请求对应网站的权限，更符合现代浏览器扩展的安全规范。

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