2012年12月20日木曜日

Chromeさんの拡張機能をつくろうね

ふたたび Fuya です. 
今日はChrome拡張機能について簡単に紹介したいと思います. 皆さん御存知の通り,Chromeの拡張機能はJavaScriptから出来ています. 
つくりかたを書いて行きたいと思います.

ディレクトリ(フォルダ)を作る

適当なフォルダを作ってください.とりあえずデスクトップにつくります.

manifest.jsonを作る

Chrome拡張機能の設定ファイルである「manifest.json」をディレクトリに作ります.中身はとりあえずこんなかんじにしましょう
{
 "name": "My extension",
 "version": "0.1",
 "manifest_version": 2,

 "description": "The t-lab's extension.",
 "icons": { 
 },
 "content_scripts": [
  {
   "matches": [
    "http://*/*",
    "https://*/*"
   ],
   "js": ["test.js"],
   "run_at": "document_end"
  }
  
 ]
}
とりあえずコピペでいいです.

JSファイルを作ろう

次に「test.js」をディレクトリの中に作りましょう.中身はこんなかんじです
(function(){
    alert("Hoge");
})();

以上で終わりです!簡単でしょ?

使おう

Chromeの設定から,「パッケージされていない拡張機能を読み込む」を押して,はじめに作ったディレクトリをしていしましょう!

これがでたら完成です

入れたら,早速ためしてみましょう.

うざいですね> <

Chrome拡張機能では,content_scriptsという特定のページを読んだ時にJavaScriptを実行するものを作りました. オプションページを作ったりChromeのもともとのページを変えたりとなんでもできます.

おまけ

過去に、Myブックマークという拡張機能を作りました.

上記のように見てるページをブックマークすることができます. http://fuya.info/clip/ だれでも簡単につくれるのでみなさんも試してくださいね

1 件のコメント:

  1. Mohon ijin berpromosi. service Ac segala jenis merk. kami service Ac mencakup wilayah coverage seluruh Surabaya, Gresik, Sidoarjo. kami juga menerima jasa service perbaikan AC bongkar dan pasang AC. pekerjaan kami cepat, tepat, profesional, harga kompetitif di banding harga jasa luaran.
    service ac split sidoarjo
    tukang service ac sidoarjo
    service ac surabaya sidoarjo
    service ac surabaya selatan
    service ac surabaya timur
    service ac surabaya barat
    service ac surabaya utara
    service ac kota surabaya

    SPLIT-TYPE AIR CONDITIONERS
    MULTI-SPLIT AIR CONDITIONERS
    CHILLED WATER FAN COIL UNITS
    VRF AIR CONDITIONERS
    CHILLERS
    WINDOW-TYPE AIR CONDITIONERS

    http://jualjasaacsurabaya.blogspot.com
    Segera hubungi kami, dan kami akan datang kerumah Anda 24 Jam Non Stop.
    (Hari Sabtu / Minggu / Hari Libur buka)
    PIN BBM : 54BE0B4B / 5474CD93 / TELP : 085645475574

    返信削除