メモ用サブブログ

子曰わく學びて時にこれを習う。

Chrome 拡張。設定のGUIやアイコンクリック時のポップアップのビューの作り方

{
   "background": {
      "page": "background.html",
      "persistent": false
   },
   "browser_action": {
      "default_icon": "icon64.png",
      "default_popup": "popup.html",
      "default_title": "Create Link"
   },
   "content_scripts": [ {
      "all_frames": true,
      "css": [  ],
      "js": [ "content.js" ],
      "matches": [ "http://*/*", "https://*/*" ],
      "run_at": "document_end"
   } ],
   "description": "Copy current page URL to clipboard in various formats.",
   "icons": {
      "128": "icon128.png",
      "16": "icon16.png",
      "32": "icon32.png",
      "64": "icon64.png"
   },
   "key": "",
   "manifest_version": 2,
   "name": "Create Link",
   "options_page": "options.html",
   "permissions": [ "tabs", "http://*/*", "https://*/*", "contextMenus" ],
   "update_url": "https://clients2.google.com/service/update2/crx",
   "version": "0.2.9"
}

これはCreate Linkのマニフェストファイル。

"options_page": "options.html"がオプションを設定するGUIに該当する部分と思われる。

"default_popup": "popup.html"の部分でアイコンクリック時のビューを設定。

"background": {
      "page": "background.html",
      "persistent": false
   },

この部分がいまいち謎。バックグラウンドとは。

ひとつわかったことは、設定された情報はローカルストレージに保存されているっぽい。呼び出す時はJSで呼び出す。

Chrome拡張のインストール場所(Mac)

/Users/ユーザー名/Library/Application Support/Google/Chrome/Default/Extensions

Libraryは隠しフォルダなので通常のFinderからはShift++Gのフォルダの移動を使って移動しないと到達できない。あるいはターミナルから移動。