[Chrome] Chromeプラグインを作成する方法

Chromeプラグインを作成する方法は以下の通り

準備するもの

manifest.json

icon.png

myhtml.html（必要なら）

mycss.css（必要なら）

myscripts.js（必要なら）

 

manifest.json

manifest.jsonは、Chrome Pluginでどのページに対してどのスクリプトなどを動かすのか等を宣言するファイル

manifest.json例：

{
 "name": "Plugin名",
 "version": "0.1",
 "permissions": [
 "https://www.youtube.com/*"
 ],
 "icons": {
 "16": "icon16.png",
 "48": "icon48.png",
 "128": "icon128.png"
 },
 "content_scripts": [
 {
 "matches": ["https://www.youtube.com/*"],
 "js": ["myscript.js"],
 "run_at": "document_end"
 }
 ],
 "manifest_version": 2
}

上記は、Youtubeのページのみにmyscript.jsスクリプトを実行させるもの

 

iconは16×16,48×48,128×128の3種類用意している

 

myscript.js

Javascriptの構文でスクリプトを描くことができる

Jqueryを使用したければ、Jqueryスクリプトをダウンロードして、同じフォルダに置き、manifestで宣言すればよい。

その場合は

 "content_scripts": [
 {
 "matches": ["https://www.youtube.com/*"],
 "js": ["jquery.min.js","myscript.js"],
 "run_at": "document_end"
 }

とJS欄にコンマで区切って追加する

 

ICON

iconはPNG形式で、16×16,48×48,128×128の3種類用意するとよい

 

デベロッパーツールでテスト

公開前にテストすることができる。

Chromeブラウザで

chrome://extensions/

にアクセスし、「パッケージ化されていない拡張機能を読み込む」で先ほどのスクリプト群が置いてあるフォルダを指定する

 

 

正式に公開

Chrome Storeに公開するには＄５必要

https://chrome.google.com/webstore/developer/dashboard

にアクセス

 

$5支払いを行い、作成したフォルダをzip化したものをアップロード。

アプリの説明やスクリーンショットなどをアップロードして「公開」を押して、公開して終了