7
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Chrome拡張機能の作り方

Last updated at Posted at 2020-05-16

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

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拡張機能のコードを見る方法

7
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?