Merhaba Arkadaşlar

Artık İnternet Sitemde Chrome Uzantı (Eklenti) Nasıl Hazırlanır Onu Anlatmaya Çalışacağım… Merak Ettiklerinizi Buraya Tıklayarak Blog Adresimden Sorabilirsiniz.

Öncelikle Arkadaşlar İlk Dersimizde Size Chrome Uzantılarınının Temelini Tanıtmıştık.Şimdi ise ilk eklentimiz Merhaba Dünyayı Yazacağız.

Şimdi Arkadaşlar Temel Olarak Üç Dosya Var Demiştik.Bunları sıralarsak

  1. manifest.json
  2. icon.png
  3. popup.html olarak sıralanıyordu.Şimdi İlk Olarak Bu dosyaları Düzenliyeceğiz.Bunun için Notepad++ Programına İhtiyacımız Var.Bu Programı Buraya Tıklayarak İndirebilirsiniz.

Peki Neden Notepad++ Programını Kullanacağız? 

Çünkü Arkadaşlar manifest.json ve popup.html dosyası ut8 bomsuz olarak kodlanması istenir.Bu Program ile manifest.json ve popup.html dosyalarını utf 8 bomsuz olarak kodlayacağız…

Programı Kurduğunuzu Varsayarak Derse Devam Ediyorum.Öncelikle Birinci Dersimizdeki Dosyaları İndirin.Daha Sonra İndirdiğiniz Dosyaları Arşivden Klasör Halinde Çıkarın.Yani Eklenti Dosyaları Bir Klasör içinde olsunlar.Yani resimdeki gibi

Daha Sonra manifest.json dosyasını kendinize uygun düzeltin.Bu Dosyayı 1. Dersimizde Anlatmıştık…manifest.json dosyasını düzenledikten sonra popup.html ve icon.png dosyalarını kendinize göre düzenleyiniz…

Bu Dosyaları Düzenledikten Sonra Aşağıdaki Adımları Takip Edin…

  1. Chrome Tarayıcınızda Yer Alan Menüyü Açarak Araçlar – Uzantılar yolunu izleyin.
  2. Paketlenmemiş Uzantıyı Yükleyin Butonuna Basıp Çıkan Menüde Eklenti Klasörünü Seçiniz.
  3. Eklentimiz Artık Yüklenmiştir.Aşağıdaki Resimlerden Bakabilirsiniz…

ad

 

ad

 

Diğer Dersimizde Görüşmek Üzere Hoşçakalın

Merhaba Arkadaşlar

Artık İnternet Sitemde Chrome Uzantı (Eklenti) Nasıl Hazırlanır Onu Anlatmaya Çalışacağım… Merak Ettiklerinizi Buraya Tıklayarak Blog Adresimden Sorabilirsiniz.

Öncelikle ilk derste chrome eklenti dosyalarını tanıyalım dedim.Arkadaşlar chrome eklenti dosyaları 3 adet temel dosyadan oluşur.Bunları sıralarsak

  1. manifest.json
  2. icon.png
  3. popup.html olarak sıralanır.

Peki bu dosyalar neyin nesidir.Hemen açıklayayım.Öncelikle manifest.json dosyasından başlıyalım.

manifest.json dosyası chrome uzantımızın temelidir.Yani uzantı bilgilerinin saklandığı yerdir.Şimdi dosyanın içindeki kodları inceleyelim.Bu Kodları incelerken icon.png ve popup.html dosyalarınında ne işe yaradığını öğreneceğiz.

 

{
"manifest_version": 2,
 
"name": "Emre Karakaya",
"description": "Bu Ders Emre Karakaya Tarafından Hazırlandı.",
"version": "1.0",
 
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
}

Şimdi kodları incelersek

"name": "Emre Karakaya",

kodu uzantımızın adını belirtir.

"description": "Bu Ders Emre Karakaya Tarafından Hazırlandı.",

kodu uzantımızın açıklamasını temsil eder.Yanlız burada dikkat edilmesi gereken asla ve asla bu bölümde html kullanılmamasıdır.

"version": "1.0",

kodu uzantımızın sürümünü (Versiyonunu) Belirtir.

"default_icon": "icon.png",

Uzantımızın tarayıcıda görünürken hangi resim ile gözükeceğini belirler.Siz icon.png yerine başka bir resim atabilirsiniz.

"default_popup": "popup.html"

kodu uzantımızda kullanacağımız html kodlarının kayıtlı olduğu html dosyasını belirtir.

Evet Arkadaşlar Bu Dersimizide Size Chrome Uzantı Dosyalarını Tanıttık.Diğer Dersimizide Merhaba Dünya Eklentisini Yapacağız.Eğer Sizde Dosyaları İncelemek İstiyorsanız

https://www.dropbox.com/s/rtca3d3jds8l8lm/chrome%20eklenti%20ders%201.rar linkini kullanabilirsiniz.

Hayırlı Günler