Merhaba,

Google Chrome’da Firefox gibi eklenti yazılmasını yeni versiyonundan itibaren uygulamaya geçirecek gibi duruyor. Chrome Beta’yı indirerek eklentileri test edebilirsiniz.

Chrome Beta Download.

Öncelikle geliştirdiğimiz eklentinin bitmiş halini inceleyelim. Daha sonra kodlama kısmına geçeriz. Eklentimiz gayet basit bir işlem yapıyor. Bir popup içerisinde flickr api kullanarak resimleri listeliyor.

Kaynak kodları indirmek için tıklayınız.

Öncelikle kaynak dosyalarımızı eklemek üzere kolay erişebileceğimiz bir dizine ChromeExtension isminde bir klasör oluşturalım. Siz farklı bir isimde verebilirsiniz. Ardından bu uygulamada kullanacağımız dosyalar olan logo.png, test.html ve manifest.json dosyalarını oluşturalım.

Bu dosyaları yukarıdaki bağlantıya tıklayarak indirdiğiniz sıkıştırılmış dosya içerisinde bulabilirsiniz.

manifest.json

{

“name”: “Flickr Resim Galerisi”,

“version”: “1.0″,

“description”: “Flickr’daki resimlerinizi görüntüleyebilirsiniz.”,

“browser_action”: {

“default_icon”: “logo.png”,

“popup”: “test.html”

},

“permissions”: [

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

]

}

test.html dosyasının içeriği biraz uzun olduğundan vermiyorum. İndirdiğiniz winrar arşivinden çıkartarak inceleyebilirsiniz. İçerisinde ilgili pop-up ile ilgili style(CSS) kodları ve Flickr JS API kodları mevcuttur.

Yukarıdaki resimde de gördüğünüz üzere JSON ile basit bir şekilde extension tanımlamamızı yapabiliyoruz.

Yüklemek için ise aşağıdaki resimlerde gösterilen adımları takip etmeniz gerekmektedir.

Aşama 1;

Aşama 2;

Aşama 3;

Aşama 4;

Eğer JSON dosyasını düzgün olarak oluşturduysanız hata almadan bu aşamaları tamamlayarak ilk eklentinizi yazmış olacaksınız. Bir sonraki makalemde daha gelişmiş eklentiler yazacağız.

Saygılarımla.