Chrome拡張のページアクションを作ってみた

書籍『Chrome拡張の作り方』の４章ブラウザアクション と ページ アクションを参考に作成してみた

ポイントは４つです

(1)マニフェストにtabsを指定する
(2)マニフェストにpage_actionを設定する
(3)backgroundのスクリプトで対象のタブIDを取得する。今回は更新されたタブのIDを取得
(4)backgroundのスクリプトでタブIDを指定し対象のタブを有効にする

• manifest.json

{ 
　　・・・省略

    "permissions": ["tabs"],    //　(1)

    "page_action": {         /*  (2)  */
　　・・・省略
    }
}

• backgroundのスクリプト

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab){ /* (3)　*/
　　・・・省略
            chrome.pageAction.show(tabId);    // (4)
　　・・・省略
});

※chrome.tabs.onUpdated.addListenerのコールバック関数の引数調査は下記に記事を書いています
【第5回】chrome拡張 chrome.tabs.onUpdated.addListenerのコールバック関数の引数調査