Chrome Eklenti Yapımı

Chrome eklentileri bir dönem bütün kullanıcılar için çok popüler bir konuydu.
Popülerliği yavaş yavaş giden chrome eklentilerini genellikle geliştiriciler ve seo uzmanları kullanmakta diyebiliriz.
Chrome eklentisi yazmak için öncelikle kullanıcağımız materyallerden söz edelim.

chrome-extensions-and-tools

İcon : Tarayıcı üzerinde eklentinin farkedilebilmesini sağlamak için kullanacağımız icon’dur.
Manifest.json : Eklenti dosyasıdır.Chrome eklentilerini kurabilmek için bu dosyayı tanıtmamız gerekiyor.

Eğer bir webmaster yada geliştiriciyseniz eklenti yazabilmek için ekstra bir dile ihtiyacınız olmayacaktır.
Orta seviyeli PHP yada Asp.Net bilgisi yeterli olacaktır.

Manifest.json dosyasını https://developer.chrome.com/extensions/getstarted bu adresten indirebilirsiniz.
Örnek olarak manifest.json dosyasını aşağıdaki gibi düzenleyebilirsiniz.

{
"manifest_version": 2,
 
"name": "İlk Eklenti",
"description": "Bu eklenti salih uluköylü tarafından geliştirilmiştir.",
"version": "1.2",
 
"browser_action": {
"default_icon": "icon.png", 
"default_popup": "index.html"
}

default_popup parametresiyle,eklenti ekranında hangi sayfanın çalışacağını belirtiyoruz,burada php bir dosyada belirtebilirdik.
Eklenti üzerinden uzaktan güncellemeler yapabilmek adına html dosya içerisinde uzak sunucudaki php dosyasını iframe içerisinde çağırıcaz.

<iframe style="width: 400px; height: 300px;" src="http://www.uzaksunucu.com/test.php" width="300" height="150" frameborder="0"></iframe>

Artık sıra geldi php dosyasını hazırlamaya burada php dosyası için örnek bir kod paylaşmayacağım.
Burdan sonrası tamamıyla sizin ihtiyacınıza yada hayal gücünüze bağlı olarak devam edecektir.
Dilerseniz eklentiye tıklandığında sosyal medya hesaplarına giriş ekranı yapabilirsiniz yada blogunuz paylaştığınız son 10 makalenin başlığını çağırabilirsiniz.

Yukarıdaki adımları takip ederek bir eklenti geliştirdik ama bu eklentiyi chrome’a nasıl yüklüyeceğiz ?
– Chrome’da ayarlar sekmesine girin. (chrome://settings/)
– Solda bulunan menüden uzantılar sekmesini seçin ve “geliştirici modu” seçili hale getirin.
– Bu ekranda “Paketlenmemiş uzantıyı yükle” butonuna tıklayarak eklenti klasörünü seçin

Ve mutlu son..

Bir Cevap Yazın

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