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/ だれでも簡単につくれるのでみなさんも試してくださいね

9 件のコメント:

  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

    返信削除
  2. Good site you have here.. It’s hard to find quality writing like yours these days. I honestly appreciate individuals like you! Take care!! Feel free to visit my website;
    야설

    返信削除
  3. I am unable to read articles online very often, but I’m glad I did today. This is very well written and your points are well-expressed. Please, don’t ever stop writing. Feel free to visit my website;
    일본야동


    返信削除
  4. Wow, superb weblog structure! How long have you been blogging for? you make running a blog look easy. The whole look of your site is great, let alone the content material! Feel free to visit my website; 국산야동

    返信削除
  5. This article was written by a real thinking writer without a doubt. I agree many of the with the solid points made by the writer. I’ll be back day in and day for further new updates. Feel free to visit my website; 일본야동

    返信削除
  6. Very nice article and straight to the point. I don’t know if this is truly the best place to ask but do you folks have any ideea where to get some professional writers? Thank you. Feel free to visit my website;
    한국야동

    返信削除
  7. That's a great article! The neatly organized content is good to see.
    토토사이트

    返信削除
  8. Interesting webpage. I really like the design and the useful information. 바카라사이트닷컴

    返信削除
  9. Thanks for sharing such great knowledge with us. Looking for some more information from your blog. 파워볼사이트닷컴

    返信削除