Chrome扩展开发：如何用chrome.tabs.query检测多站点及分类网站

一、修改代码支持多个站点检测 #

Chrome 的 chrome.tabs.query 接口中，url 参数支持传入字符串数组，你只需把需要检测的所有站点URL模式放进数组即可，每个模式用通配符 * 匹配域名后的任意路径。

修改后的代码示例：

chrome.tabs.query({ 
  url: [
    'https://www.amazon.com/*',
    'https://www.taobao.com/*',
    'https://www.jd.com/*',
    'https://www.youtube.com/*'
  ] 
}, (tabs) => {
  if (tabs.length > 0) {
    alert("匹配到目标站点");
    tabs.forEach(tab => {
      chrome.tabs.remove(tab.id);
    });
  }
});

• 每个URL模式必须包含完整协议（http/https），* 用于匹配域名后的任意路径，符合Chrome扩展的URL匹配规则。
• 建议增加 tabs.length > 0 的判断，避免无匹配站点时弹出空提示。

二、检测购物/视频类等分类站点 #

对新手来说，最直接可靠的方式是预定义分类站点列表，把同类型网站的URL模式归类到不同数组，按需调用检测：

示例：按分类检测 #

// 预定义分类站点列表
const siteCategories = {
  shopping: [
    'https://www.amazon.com/*',
    'https://www.taobao.com/*',
    'https://www.jd.com/*',
    'https://www.ebay.com/*'
  ],
  video: [
    'https://www.youtube.com/*',
    'https://www.bilibili.com/*',
    'https://www.youku.com/*'
  ]
};

// 检测购物类站点
chrome.tabs.query({ url: siteCategories.shopping }, (tabs) => {
  if (tabs.length > 0) {
    alert("检测到购物类站点");
    tabs.forEach(tab => chrome.tabs.remove(tab.id));
  }
});

// 检测视频类站点同理
chrome.tabs.query({ url: siteCategories.video }, (tabs) => {
  // 这里编写你的处理逻辑
});

如果想尝试更灵活的动态检测（识别未预定义的同类站点），可以参考以下进阶思路：

• 域名特征匹配：比如购物类站点域名常包含shop、mall，视频类常包含video、tv，但这种方法误判率较高，不推荐新手初期使用。
• 页面内容分析：通过 chrome.tabs.executeScript 注入脚本，读取页面meta标签（如og:type）或特定元素（如购物车按钮、视频播放器），但需要在manifest.json中申请host_permissions权限，逻辑相对复杂。

注意事项 #

• 所有用到的URL模式，必须在manifest.json的host_permissions中声明，否则会触发权限错误，示例如下：

  "host_permissions": [
    "https://www.amazon.com/*",
    "https://www.taobao.com/*",
    "...其他需要检测的站点"
  ]
  

• 若需要实时检测标签页切换或加载完成，可以配合 chrome.tabs.onUpdated 或 chrome.tabs.onActivated 事件触发检测逻辑，而非仅执行单次查询。

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