调整Firefox扩展：为特定页面配置page_action实现无刷新改URL

1. 修正manifest.json配置 #

现有配置存在三个核心问题：使用了browser_action而非需求的page_action、未指定page_action的显示规则、缺少操作标签页的必要权限。修改后的配置如下：

{
  "description": "Adds page action icon to browser address bar for specific pages",
  "manifest_version": 2,
  "name": "open-my-page",
  "version": "1.0",
  "homepage_url": "https://github.com",
  "icons": {
    "40": "icons/love.jpg"
  },
  "background": {
    "scripts": ["background.js"]
  },
  "page_action": {
    "default_icon": "icons/love.jpg",
    "default_title": "Open Target Page"
  },
  "permissions": [
    "tabs",
    "*://*.your-specific-domain.com/*" // 替换为你需要匹配的特定页面域名，例如*://example.com/*
  ],
  "browser_specific_settings": {
    "gecko": {
      "id": "open-my-page@mozilla.org"
    }
  }
}

核心调整说明：

• 替换browser_action为page_action，符合需求的页面级图标配置
• 添加permissions字段，包含tabs权限和特定页面的URL匹配规则（必须替换为实际目标域名）
• 给page_action添加默认标题，提升用户操作提示

2. 重写background.js逻辑 #

现有代码的问题在于：background脚本无window对象导致window.open失效、未实现特定页面显示图标逻辑、未完成URL修改需求。修改后的代码如下：

// 监听标签页加载状态，控制page_action图标显示/隐藏
browser.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
  // 匹配你指定的特定页面域名（与manifest中的规则对应）
  if (changeInfo.status === 'complete' && tab.url.match(/^https?:\/\/.*your-specific-domain\.com\/.*/)) {
    browser.pageAction.show(tabId);
  } else {
    browser.pageAction.hide(tabId);
  }
});

// 处理page_action图标点击事件
browser.pageAction.onClicked.addListener((tab) => {
  // 优先实现：保留原域名，替换路径为目标路径
  const urlObj = new URL(tab.url);
  urlObj.pathname = '/target-web-page.asp'; // 替换为你需要的目标路径
  const newUrl = urlObj.toString();

  // 更新当前标签页URL，实现无刷新（页面导航式）修改
  browser.tabs.update(tab.id, { url: newUrl });

  // 如果不需要保留原域名，直接跳转固定链接，可替换为以下代码：
  // browser.tabs.update(tab.id, { url: "https://target-web-page.asp" });
});

核心调整说明：

• 添加tabs.onUpdated监听，仅在特定页面加载完成后显示page_action图标，其他页面自动隐藏
• 点击图标时解析当前页面URL，修改路径部分后用tabs.update更新当前标签页，满足“无刷新修改当前页面域名后URL”的需求
• 注释中提供了直接跳转固定链接的备选方案，可按需切换

3. 关键注意事项 #

• 必须将代码中的your-specific-domain.com替换为实际需要匹配的特定页面域名
• manifest_version 2在Firefox中仍可正常使用，若需适配新版本，可升级为manifest_version 3（需对应调整API，例如将background改为service_worker）
• 测试时可在Firefox扩展管理页面加载临时扩展，通过控制台日志排查问题

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