javascript - 如何处理点击扩展图标？

Question

我想做一些类似于谷歌邮件检查器的事情：当用户点击图标时 - 我们应该在新标签中打开一些 url，但前提是没有在标签中打开带有该 url 的标签。

请帮助我，如何轻松做到这一点。

谢谢！

Answer 1

1. 在清单中定义浏览器操作
2. 将事件侦听器附加到chrome.browserAction.onClicked.
3. chrome.tabs.create使用该方法打开一个新选项卡。您可以遍历所有选项卡以检查是否存在带有chrome.windows.getAll.

Answer 2

您可以使用此代码段。它检查是否已打开包含 URL（或可选匹配模式）的选项卡。如果是，则该选项卡获得焦点并在其中加载 URL。如果没有，则打开新选项卡：

function reuseTab(url, match) {
    if (url) {
        var match = match || url;
        chrome.tabs.query({url : match}, function (foundTabs) {
            if (foundTabs[0]) {
                chrome.tabs.update(foundTabs[0].id, {active : true, url : url});
            } else {
                chrome.tabs.create({url : url});
            }
        });
    }
}

您可以在 GitHub 上查看使用示例和详细注释以及解释：

https://github.com/fczbkk/chrome-extension-snippets/blob/master/js/reuse-tab.js