能否通过Chrome扩展实现指定域名链接固定在特定标签页打开？

1. 技术上完全可以实现该浏览器扩展需求 #

这种让同域名链接复用已固定标签页的功能，主流浏览器（Chrome、Firefox等）的扩展体系完全支持实现，核心是借助浏览器提供的扩展API监听导航/标签创建事件，完成标签页的重定向处理。

核心实现逻辑 #

• 捕获跳转请求：通过后台脚本监听浏览器的标签创建事件，或通过内容脚本拦截网页内的链接点击，获取目标URL。
• 匹配目标域名：检测请求URL的域名是否属于你指定的三个域名（mail.google.com、calendar.google.com、app.asana.com）。
• 查找已固定标签页：调用浏览器标签查询API，搜索对应域名下已固定的标签页。
• 复用标签页：若找到匹配的固定标签页，直接更新该标签页的URL为新链接并激活；若触发了新标签页创建，则移除新标签，复用已有固定标签。

示例代码片段 #

manifest.json（权限与配置）

{
  "manifest_version": 3,
  "name": "固定标签页复用工具",
  "version": "1.0",
  "permissions": ["tabs", "webNavigation"],
  "background": {
    "service_worker": "background.js"
  },
  "host_permissions": [
    "*://mail.google.com/*",
    "*://calendar.google.com/*",
    "*://app.asana.com/*"
  ]
}

background.js（核心处理逻辑）

// 定义需要复用的域名规则
const targetDomains = {
  "app.asana.com": "*://app.asana.com/*",
  "mail.google.com": "*://mail.google.com/*",
  "calendar.google.com": "*://calendar.google.com/*"
};

// 监听新标签创建事件
chrome.tabs.onCreated.addListener(async (newTab) => {
  if (!newTab.url) return;
  const urlObj = new URL(newTab.url);
  const domain = urlObj.hostname;

  if (targetDomains[domain]) {
    // 查询对应域名的固定标签页
    const existingTabs = await chrome.tabs.query({
      url: targetDomains[domain],
      pinned: true
    });

    if (existingTabs.length > 0) {
      // 更新已有固定标签的URL并激活
      await chrome.tabs.update(existingTabs[0].id, {
        url: newTab.url,
        active: true
      });
      // 移除刚创建的冗余标签
      await chrome.tabs.remove(newTab.id);
    }
  }
});

// 拦截网页内的导航请求
chrome.webNavigation.onBeforeNavigate.addListener(async (details) => {
  const urlObj = new URL(details.url);
  const domain = urlObj.hostname;

  if (targetDomains[domain] && details.frameId === 0) {
    const existingTabs = await chrome.tabs.query({
      url: targetDomains[domain],
      pinned: true
    });

    // 如果当前跳转的标签不是已固定标签，就复用固定标签
    if (existingTabs.length > 0 && details.tabId !== existingTabs[0].id) {
      await chrome.tabs.update(existingTabs[0].id, {
        url: details.url,
        active: true
      });
      // 取消当前标签的无效导航
      chrome.tabs.update(details.tabId, {url: "about:blank"});
    }
  }
}, {url: [{urlMatches: ".*"}]});

2. 可以处理外部应用打开的链接 #

外部应用打开浏览器链接时，本质是触发浏览器创建新标签页的操作，扩展通过监听chrome.tabs.onCreated事件可以捕获这个过程，然后按照上述逻辑复用已有的固定标签页。

需要注意：

• 确保扩展在manifest中声明了tabs和webNavigation权限。
• 部分浏览器需要在隐私设置中允许扩展访问所有网站数据，以确保能正确拦截外部链接触发的标签创建事件。

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