Googleブラウザプラグインの作成方法

チュートリアル:開始(Hello,World!)
このチュートリアルはまずあなたを連れて簡単なChromeプラグインを作ります.Google Chromeにアイコンを追加し、クリックすると自動的にページが生成されます.次の例を示します.
ブラウザの準備
Windowでは一般的な安定版で拡張を開発できますが、他のLinuxやMacで拡張を開発するには他の最新のGoogle Chromeブランチを使用します.

Windows:最新のGoogle Chrome

Linux:テストブランチBeta channel

Mac:開発者ブランチDev channel

拡張機能の作成とマウント
このセクションでは、Chromeツールバーに追加されたブラウザアクションの拡張を作成します.の

勝手にパソコンにフォルダを作成して拡張コードを保存します.

フォルダ内に「manifest.json」というテキストファイルを作成し、次のコードを追加します.

{

"name": "My First Extension",

"version": "1.0",

"description": "The first extension that I made.",

"browser_action": {

"default_icon": "icon.png"

},

"permissions": [

"http://api.flickr.com/"

]

}

次の図を拡張フォルダの下にコピーします.
Download icon.png

   4.マウント拡張

クリックで拡張管理を開き、「拡張管理プログラム」をクリックする.

開発者モードの隣に「+」がある場合は、プラス記号をクリックして開発パネル

を開きます.

開発中の拡張プログラムのロードをクリックし、ローカルファイル選択

を開きます.

ファイルダイアログボックスで、拡張フォルダを見つけて選択し、「OK」をクリックします.

もしあなたの拡張が使えないならば、そのアイコンはツールバーの上で現れて、拡張情報は拡張管理ページの上で現れて、下図のようです.
拡張子へのコードの追加
次に、あなたの拡張に何かをさせましょう.それは装飾だけではありません.

manifest.json追加行:

  ...

"browser_action": {

"default_icon": "icon.png", "popup": "popup.html"

},

...

       ，  popup.html  ，      :

:
CSS and JavaScript code for hello_world(ソースファイルを表示)
 

Chromeの拡張コントロールパネルに戻り、再読み込みをクリックして拡張プログラムをリフレッシュします.

拡張アイコンをクリックすると、ポップアップパネルにpopupが表示されます.htmlの内容.こんな感じに見えます.

実行に成功しなかった場合は、チュートリアルに従って、操作が正しいことを保証し、拡張フォルダに属さないHtmlファイルをロードすることはできません.