Chrome'a extention yapmak

quote:

Orijinalden alıntı: revivo72

chrome extension/uzantı ile ilg tutorial vardır, oradan başlayabilirsin. https://github.com/goldcase/alphaquotes da AngularJS kullanılarak yazılmış chrome extension kodları var, incelenerek fikir edinilebilir.

quote:

Orijinalden alıntı: yoktur

Aslında bütün chrome uzantıları kodları 'okunabilecek' şekilde dağıtılıyor. Ancak okumak ve nasıl çalıştığını anlamaktan ötesine geçmek uzantının lisansını ilgilendirir.
Konu sahibi sorusunun cevabını bulmuştur sanıyorum ama yine de başka okuyan olursa diye yazayım.
manifest.json

      { 
         "manifest_version":2, 
         "version":"1.0", 
         "name": "Yazı kaydetme", 
         "permissions": [ 
           "contextMenus", 
           "activeTab" 
         ], 
         "background": {  
       "scripts": ["main.js"] 
     } 
       } 
 

main.js

sagTik = function(){ 
   chrome.tabs.executeScript({ 
     file: 'kaydetme.js' 
   });   
  }; 
  
 chrome.contextMenus.create({ 
  title: "Dosyaya Kaydet", 
  contexts:["selection"],  // ContextType 
  onclick: sagTik // A callback function 
 }); 
 

kaydetme.js

var yazi=window.getSelection().toString(); 
     var bb = new Blob([yazi], {type: 'text/plain'}); 
     var a = document.createElement('a'); 
   a.download = document.title.slice(0, 50).replace('/*[<>:/\\|?*]*/g', '')+'.txt'; 
   a.href = window.URL.createObjectURL(bb); 
   a.dataset.downloadurl = ['text/plain', a.download, a.href].join(':'); 
   a.click(); 
   a.remove(); 
 

şeklinde minimal bir örneği yapılabilir.
chrome.tabs.executeScript içinde normal bir sayfada kullandığımız gibi açık olan sekmede javascript kullanabiliriz.
Dosyayı bilgisayara kaydedeceğimiz için adında olmaması gereken bazı karakterleri replace ile çıkardım.
Bütün bunları aynı klasörde toplayıp tarayıcının eklentiler/uzantılar sayfasında paketi açılmış uzantı yükle kısmından yükleyebiliriz.

quote:

Orijinalden alıntı: Mephalay

Ben yazmistim gecen sene extension bir proje icin. Firefox ve Chrome da calisiyor, ayni kod-base ini kullaniyor. Baslangic icin sunlara bakilabilir:

https://github.com/mdn/webextensions-examples

WebExtensions uzerinden API ve yapilmasi gereken tweak'leri ogrenebilirsin.

https://developer.mozilla.org/en-US/Add-ons/WebExtensions