Chrome拡張機能の作り方


【公式ドキュメント】
拡張機能とは?

Manifestの作り方については下記を参照
Chrome 拡張機能のマニフェストファイルの書き方

注意点

第二引数でアロー関数が動かないことがあるので、その場合はfunction()を使用

よく使うコード

メソッド 説明 公式ドキュメントのリンク
chrome.runtime.onInstalled.addListener() 拡張機能がインストールされた時に実行 リンク
chrome.browserAction.onClicked.addListener() ブラウザアクションで設定したアイコンがクリックされた時に実行 リンク
chrome.tabs.query() 全てのタブを取得 リンク
chrome.tabs.executeScript() JSかCSSのコードを実行 リンク

よく使うchrome.tabsのメソッド

メソッド 説明 公式ドキュメントのリンク
chrome.tabs.query 全てのタブを取得 リンク
executeScript JSかCSSのコードを実行 リンク

用途に応じて下記の記事を参照

・popupの使い方
Chrome拡張機能でポップアップを表示させる方法
・popup,tabsの使い方
Chrome拡張機能でタブの情報を取得する方法
・background,contextMenusの使い方
Chrome拡張機能で右クリックメニューを作る方法
・content_scripts,backgroundの使い方
Chrome拡張機能でContent ScriptでMessage Passingする方法
追加したChrome拡張機能のコードを見る方法