Chrome-Extension：遍历所有选项卡？

Question

如何遍历用户打开的所有选项卡，然后检查他们是否具有 id = 'item' 的特定 HTML 项目？

Answer 1

看来此方法已被弃用，取而代之的是 chrome.tabs.query：

http://developer.chrome.com/extensions/tabs.html#method-query

所以现在你想要做的是：

chrome.tabs.query({}, function(tabs) { /* blah */ } );

传递一个空的 queryInfo 参数将返回所有选项卡。

Answer 2

你可以这样做：

chrome.tabs.getAllInWindow(null, function(tabs){
  for (var i = 0; i < tabs.length; i++) {
    chrome.tabs.sendRequest(tabs[i].id, { action: "xxx" });                         
  }
});

之后要照顾你的项目，如果你可以这样做：

document.getElementById('item')

不要忘记你不能使用“背景页面”来操作 HTML 所以第一个代码片段是针对背景页面，第二个必须位于内容脚本上；）

Answer 3

2022 年 7 月编辑：

此答案最初是为 MV3 用户编写的。如果您正在寻找 MV2 答案，请参见上文。否则，这个答案将与 MV3 完美配合。

原始答案

chrome.tabs.query 是您正在寻找的函数。您可以将参数传递给对象来过滤选项卡。在您的情况下，您想要迭代所有打开的选项卡。以下是您要查找的代码的两个版本：

异步回调版本

chrome.tabs.query({}, function(tabs) {
  tabs.forEach(function (tab) {
    // do whatever you want with the tab
  });
});

Promise 版本

var tabs = await chrome.tabs.query({});
tabs.forEach(function (tab) {
  // do whatever you want with the tab
});

在这两种情况下，参数 tab 都是 选项卡。

Answer 4

这是一种未弃用的普通方式（2019 年 5 月）：

chrome.tabs.query({}, function(tabs){
        tabs.forEach(tb => {
            chrome.tabs.sendMessage(tb.id, { action: "xxx" });
        });
    });