javascript - 拡張機能アイコンのクリックを処理する方法は？

Question

グーグルメールチェッカーのようなことをしたい：ユーザーがアイコンをクリックしたとき-新しいタブでいくつかのURLを開く必要がありますが、そのURLのタブがタブ内で開かれていない場合に限ります。

それを簡単に行う方法を教えてください。

ありがとう！

Answer 1

1. マニフェストでBrowser アクションを定義する
2. イベント リスナーを にアタッチしchrome.browserAction.onClickedます。
3. chrome.tabs.createメソッドを使用して新しいタブを開きます。を使用してすべてのタブをループして、URL の存在を確認できます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