Chrome Extension_Page Action

開発 > Chrome Extension > Page Action

任意のディレクトリを作成する

ディレクトリについては特記事項はない。
自分で管理できるようにだけしておけば良いと思われる。

アイコンを用意する

今回はここで入手した。
いくつかのサイズを入手し、それぞれ icon_16x16.png, icon_48x48.png, icon_128x128.png と名付けた。
png 形式でないと表示できない? 少なくとも jpeg だとアイコン表示に失敗していた。
16x16 は画面右上、48x48 は拡張機能画面に対応しているみたい。

manifest.json を作成する

{
  "manifest_version": 2,
  "name": "Page Action Test",
  "version": "1.0",

  "description": "Page Action Test",
  "icons":
  {
    "16": "icon/icon_16x16.png",
    "48": "icon/icon_48x48.png",
    "128": "icon/icon_128x128.png"
  },
  "page_action":
  {
    "default_title": "Page Action Test"
  }
}
文字コードは UTF-8 じゃないとダメかも。
manifest_version は 2 じゃないとダメらしい。

読み込んでみる

Chrome の右上の方にある[...]みたいなボタンを押す。
[その他のツール] > [拡張機能] を選択する。
[パッケージ化されていない拡張機能を読み込む]ボタンを押す。

つまづいたこと

アイコンが表示されない

png 形式で用意することで解決。
拡張子 jpeg のアイコンを用意したが表示されず、しばらくマニフェストを眺めていた。

何も起きない?


  • 最終更新:2017-02-09 17:18:03

このWIKIを編集するにはパスワード入力が必要です

認証パスワード