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

2 Yorum Yapılmış

Bir Cevap Yazın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


4 + sekiz =

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

  • DopelughDuh 07 Mart 2014

    İçerik güzel ancak tam olarak uygulayamadım videolu ders olacak mı?

    • EmreKarakaya 07 Mart 2014

      Merhaba

      İleriki günlerde çekmeyi planlıyorum.

Tema : Özer Gül