【Chromeの拡張機能】開発 まとめ

Chrome

対象読者は?

  • Chromeの拡張機能について知りたい

何が書かれている?

  • Chromeの拡張機能の概要
  • ブラウザアクション
  • ページアクション
  • コンテキストメニュー
  • コンテンツスクリプト
  • マニフェスト
  • v3へのバージョンアップについて

各詳細ページへのリンクを貼ったまとめページになります。

*Chromeの拡張機能は、v3が推奨されていますがバージョンアップ方法も載せたいためv2で解説を行いますのでご了承ください。

Chromeの拡張機能の概要

ブラウザアクション

ブラウザアクションについて解説します。
ツールバーにアイコンが追加される機能になります。

Chrome拡張機能を作ったこともない方はこちらから読まれるのがおすすめです。

作成するファイルも2ファイルで、中身も簡単なものです。

Chrome拡張ブラウザアクション【Chrome拡張機能】ブラウザアクション

ページアクション

「特定のページ」のみに有効なブラウザアクションの亜種のようなものです。

【Chrome拡張機能】ページアクション

コンテキストメニュー

拡張機能を使うことで、右クリックで表示されるメニューに項目できます。

詳しくはこちらの記事を参考に。

【Chrome拡張機能】コンテキストメニュー

コンテンツスクリプト

コンテンツスクリプトを使えば、表示したページから情報を取得したり表示内容を変更したりすることができます。

【Chrome拡張機能】コンテンツスクリプト

マニフェストファイル詳細

マニフェストファイルの記述方法まとめです。

上から順に見られた方が理解深まると思います。

【Chrome拡張機能】マニフェストファイルの記述内容

v2からv3へのバージョンアップ

まとめ

記事作成途中ですー。リンクどんどん追加していきます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です