Google Chrome için Extensions( Uzantı ) hazırlamak

google_chrome_logo İlk duyurulmasının ardından çok fazla zaman geçmemesine rağmen istikrarlı sürümlerini duyurmakta gecikmeyen Google Crome, Firefox la arasındaki eklenti desteğini de kapatmak için Uzantılar’ı duyurmakta da gecikmedi.

Hangi konudan mı bahsediyoruz bilmeyenler ve hala bilgisayarına indirip te kurmayanlar için kısaca bir kez daha söz edelim Google Chrome’dan yani daha hızlı, daha güvenli ve daha eğlenceli bir web deneyiminin parmaklarınızın ucuna gelmesinden bahsediyoruz.


Yüzlerce özelliğinin yanında kullanıcıların var sayılan olarak gelen özellikleriyle yetinmeyip istedikleri özellikleri kendi tarayıcılarına ekleyebilmelerini sağlayan Chrome’u yanlızca bir kaç dakika içerisinde bilgisayarınıza indirip kurmaya başlayabilirsiniz.







Daha sonra serbest geliştiricilerin kendi özelliklerini tarayıcılarında kullanabilmek için ve diğer kullanıcılrın da bu özellikten faydalanbilmeleri için oluşturduğu Uzantılardan istediğinizi tarayıcınıza ekleyerek kendinize göre özelleştirebilirsiniz.

Hatta işi bir adım öteye götürerek biraz HTML bilgisiyle Google Chrome için kendi eklentinizi de geliştirebilirsiniz tabi daha fazla özellik için biraz Javascript bilmeniz gerekiyor.
             
http://code.google.com/chrome/extensions/getstarted.html adresinde basit uzantınızı oluşturabileceğiniz bilgilerin yanında birde flickr apisi kullanılarak oluşturulmuş google chrome uzantısı bulunuyor.

İlk olarak yapmanız gereken uygulamanızı çalıştıracak olan  tüm ayarların bulunacağı  kodu düzenlemek.

{
  "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/"
  ]
}





name: uygulamamızın adı oluyor.



version: daha sonra uygulamanızı geliştirdiğinizde bir üst sürüme yükselterek kullanıcıların güncelleyebilmesi kolaylaştırıyor.



description: uygulamanız hakkında kısa bir açıklama



browser_action : kullanıcıların görecekleri tüm uygulamalar bu bölüme yazılacak.



default_icon: tarayıcınızın yer imlerine yerleşerek uygulamanızı çalıştıracak olan düğme.



Üstteki kodda gerekli düzenlemeleri yaptıysanız bundan sonraki adımda kullanıcıya görünecek olan Pop up pencerenin kodlarını düzenlemeye geçebilirsiniz.



icon Download icon.png

CSS and JavaScript code for hello_world



Bunun içinde öncelikle görselleri ve kodların bulunduğu dosyaları bilgisayarınıza indirerek Note pad ++ tarzı her hangi bir programla düzenleyip kendi tarayıcınızda test edebilirsiniz.



Tarayıcınızın sağ üst köşesinde bulunan toolsmenu anahtar iconuna tıkladıktan sonra uzantılar bağlantısına tıklayarak sizi karşılayan sayfada geliştirici modunu seçili hale getirip dosyalarınızı yükleyebilirsiniz.( Not burada yüklemeden kasıt test amacıyla kendi tarayıcınıza yüklemiş oluyorsunuz)



2010-07-13_131601



Kendi  uzantınızı hazırlamak için çok fazla kod bilmenize de gerek yok daha önceden hazırlanmış her hangi bir uzantıyı uygunsa kodları üzerinde değişiklikler yaparak kendinize göre düzenleyebilirsiniz.





5 dakika sonra yayımlayacağım bu yazı ile de Blog ziyaretçilerinizin RSS yayınlarını kendi tarayıcıları üzerinden takip edebilmeleri için kendi Google Chrome uzantınızı hazırlayabilirsiniz.











Kaynak:http://code.google.com/chrome/extensions/getstarted.html
Paylaş !

0 yorum: