Merhaba Arkadaşlar. Google chrome eklentisi yazmaya karar verdim. 1 haftadır tüm kaynakları derliyip okudum ve Facebook için güzel bir eklenti kodladım. Gerçekten muhteşem oldu. Sizinle beraber güzel bir eklenti yazmaya ve ögretmeye karar verdim. Html bilginizin olması kesinlikle şart. en azından css,php bilmeniz daha iyi olur. Javascript ile daha süper bir eklenti yapabilirsiniz ama biz javascripti bize lazım olan kodları kaynaklardan alırız ama en azından html kesinlikle bilmeniz gerekiyor.
Lazım olucak olan google chrome dosyaları;
manifest.json dosyası google chrome eklentisini oluşturan dosyadır bu dosya olmazsa olmaz.
icon.png olması şart. Güzel bir eklenti için eklenti iconudur.
leo.html olması şart bu leonun ismini siz kendi isminizde yapabilirsiniz örnek ahmet.html bu yandan problem yok gidip leo.html yapıcaksınız diye bir koşulda yok. bu .html dosyasına yazdıgımız her kod eklentide gözükücektir.
Google chrome Developer manifest.json dosyasına bakalım:
Name: Eklenti isminiz.
Description: Eklenti açıklaması.
Version: Eklenti versiyonu.
Default_İcon: iconunuz. (resim)
Default_popup: Bu kısım üste demiştim mesela isminiz ahmet , ahmet.html yapabilirsiniz size kalmış birşey yaptıktan sonra leo.html'yi degiştirirsiniz.
Olmazsa olmaz dosyalarımız:
Bu olmazsa olmaz dosyalarımızı tek bir klasörde toplıyalım.
yapıcagımız kodlamaları leo.html dosyasının içerisinde yazıcagız. Standart bir html kodlarını yazıyorum ben ilk dersimiz bu.
Kodları konuya yazamadım pasted.co'ya attım.
leo.html dosyanıza bu kodu yazalım Kaydedelim.
İco dosyasını manifest.json dosyasına yazmıştık. Basit bir eklenti oldu bunu şimdi Google chrome uzantılar kısmına atalım.
"chrome://extensions/" Buraya girin arkadaşlar. Sonrasında paketi açılmış uzantı yükle diyin. Yazdıgımız oluşturdugumuz klasörü atalım.
ve basit bir eklenti kodladık. 2. dersimizde daha detaylı bir eklenti kodlıyacağız. 10. dersimizde güzel muhteşem bir eklenti kodlıyabilceksiniz. Konu bana aittir teşekkür ederim.
Lazım olucak olan google chrome dosyaları;
Kod:
manifest.json
icon.png
leo.html
manifest.json dosyası google chrome eklentisini oluşturan dosyadır bu dosya olmazsa olmaz.
icon.png olması şart. Güzel bir eklenti için eklenti iconudur.
leo.html olması şart bu leonun ismini siz kendi isminizde yapabilirsiniz örnek ahmet.html bu yandan problem yok gidip leo.html yapıcaksınız diye bir koşulda yok. bu .html dosyasına yazdıgımız her kod eklentide gözükücektir.
Google chrome Developer manifest.json dosyasına bakalım:
Kod:
{
"manifest_version": 2,
"name": "Deneme",
"description": "Deneme",
"version": "1.0",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "leo.html"
},
"permissions": [
"activeTab",
"https://ajax.googleapis.com/"
]
}
Name: Eklenti isminiz.
Description: Eklenti açıklaması.
Version: Eklenti versiyonu.
Default_İcon: iconunuz. (resim)
Default_popup: Bu kısım üste demiştim mesela isminiz ahmet , ahmet.html yapabilirsiniz size kalmış birşey yaptıktan sonra leo.html'yi degiştirirsiniz.
Olmazsa olmaz dosyalarımız:
![yE85k0.png](http://i.hizliresim.com/yE85k0.png)
Bu olmazsa olmaz dosyalarımızı tek bir klasörde toplıyalım.
yapıcagımız kodlamaları leo.html dosyasının içerisinde yazıcagız. Standart bir html kodlarını yazıyorum ben ilk dersimiz bu.
Kod:
http://pasted.co/5bf6a440
Kodları konuya yazamadım pasted.co'ya attım.
leo.html dosyanıza bu kodu yazalım Kaydedelim.
İco dosyasını manifest.json dosyasına yazmıştık. Basit bir eklenti oldu bunu şimdi Google chrome uzantılar kısmına atalım.
"chrome://extensions/" Buraya girin arkadaşlar. Sonrasında paketi açılmış uzantı yükle diyin. Yazdıgımız oluşturdugumuz klasörü atalım.
![V05aqV.png](http://i.hizliresim.com/V05aqV.png)
ve basit bir eklenti kodladık. 2. dersimizde daha detaylı bir eklenti kodlıyacağız. 10. dersimizde güzel muhteşem bir eklenti kodlıyabilceksiniz. Konu bana aittir teşekkür ederim.
Son düzenleme: