Chrome 機能拡張・アプリの作り方 ざっくりメモ

参考URL

JSON Lint
Chrome 拡張機能のマニフェストファイルの書き方 - Qiita

manifest.jsonファイル

例
{
  "manifest_version": 2,
  "name": "ChromeApp1",
  "short_name": "ChromeApp1",
  "description": "",
  "version": "0.0.1",
  "minimum_chrome_version": "38",
  "icons": {
    "32": "assets/icon_16.png",
    "63": "assets/icon_16.png",
    "128": "assets/icon_128.png"
  },
  "app": {
    "background": {
      "scripts": ["background.js"]
    }
  },
  "permissions": [
    "unlimitedStorage",
    "notifications"
  ]
}

• manifest_versionは2で。
• versionは更新する際にはバージョンを上げること。
• iconsはpngで16、48、128があるとよい。
• ブラウザアクションとページアクションはどちらか。

browser_action、page_action

"browser_action": {
    "default_icon": {
        "19": "icon19.png"
    },
    "default_title": "My Tools",
    "default_popup": "popup.html"
},

• default_icon アドレスバーの右のアイコン。19px推奨。
• default_title アイコンのツールチップに表示。
• default_popup アイコンクリック時に出るhtml。
• page_actionの場合、browser_actionのところをpage_actionに。

オプション項目

content_scripts

"content_scripts": {
    "matches": [ "http://*/*", "https://*/*" ],
    "js": [ "script.js" ]
},

• matches 動作対象となるURL。必須。
• js 動作させるスクリプト(リスト)。

permissions

  "permissions": [
    "unlimitedStorage",
    "notifications"
  ]

• APIを利用するための権限の設定。

Declare Permissions - Google Chrome

options_page

"options_page": "options.html",

chrome.app.runtime