• Bu site çerezler kullanır. Bu siteyi kullanmaya devam ederek çerez kullanımımızı kabul etmiş olursunuz. Daha fazla bilgi edin.

Google Chrome Eklenti Yazımı Ders 1

Konuyu Okuyan Kişiler (0)

inforesim

webmaster.tc
Katılım
4 Ağu 2012
Mesajlar
2,439
Beğeniler
0
#1
Bir süre önce, Webmaster.TC için hazırladığım son konular eklentisinden sonra, Google Chrome eklenti yazımı hakkında istekler geldi. Bende bir kaynak oluşturmaya karar verdim, Tüm dersler bitince kendi siteniz için bir son konular eklentisi hazırlayabilirsiniz. :p

Google Chrome Eklenti Mantığı Nedir ?
Chrome eklenti mantığında, HTML ve JS izin var. Bunlarla kendi uygulamalarınızı oluşturabilirsiniz. İlk olarak, manifest.json denen bir dosya oluşturarak eklentimizin bilgilerini buradan tamamlıyoruz ve manifest dosyasında belirttiğimiz html dosyamıza, Kodlarımızı yerleştiriyoruz ve Paketlenmemiş olarak chrome yüklüyoruz. Eklentimizi test etmiş oluyoruz.

Unutmayın : Eklentinizi yayınlamak için, Google Chrome Web Store de üyelik açmanız lazım ve Üyeliği onaylamak için kredi kartınız dan 5 dolar para çekecektir (İlk defaya mahsus).

Manifest.json Tanıyalım
Konu başındada söylediğim, Webmaster.TC için yazdığım örnek manifest.json un kaynak kodu aşağıdaki gibidir ;

PHP:
{
"name": "Webmaster.TC Son Konular",
"version": "1.1",
"description": "Webmaster.TC Son Konular Eklentisi.",
"icons": { "16": "icon_16.png",
"32": "icon_32.png",
"48": "icon_48.png",
"64": "icon_64.png",
"128": "icon_128.png" },
"homepage_url": "http://www.webmaster.tc/",
"browser_action": {
"default_icon": "icon_32.png",
"name": "Webmaster.TC Son Konular",
"popup": "wmtc.html",
"default_title": "Webmaster.TC"
}, 
"permissions": [
"http://www.webmaster.tc/"
]
}
Yukarıdaki değerlerin ne anlama geldiğini, Aşağıda tek tek açıkladım ;

name : Eklenti Adı
version : Eklenti sürümü (Web store den, Sürüm yükseltebiliyorsunuz).
description : Eklenti açıklaması
icons : Burada 16x16 / 32x32 tarzı boyutlarla, Eklentiye ait temsili iconu veriyoruz. Bu icon chrome de ve Web store de görünüyor.
homepage_url : Eklentinin yapıldığı site
browser_action : Eklenti adı / Eklentinin ana resmi gibi ayarları yapıyoruz.

Bir sonraki dersimiz de, İlk eklentimizi hazırlayacağız :eek:
 

gkbrk

webmaster.tc
Katılım
9 Ağu 2012
Mesajlar
1,044
Beğeniler
0
#2
Kolay gibi görünüyor. Sadece popup içinde HTML :)