From 95aca4b4d8fa62815d4bd412fff1a364f842814a Mon Sep 17 00:00:00 2001 From: Ryan Johnson Date: Thu, 29 Apr 2021 16:16:42 -0700 Subject: remove retired locales (#699) --- files/tr/mozilla/add-ons/index.html | 108 ------------- .../extending_the_developer_tools/index.html | 168 --------------------- files/tr/mozilla/add-ons/webextensions/index.html | 139 ----------------- .../webextensions/user_interface/index.html | 96 ------------ .../what_are_webextensions/index.html | 69 --------- .../your_first_webextension/index.html | 158 ------------------- 6 files changed, 738 deletions(-) delete mode 100644 files/tr/mozilla/add-ons/index.html delete mode 100644 files/tr/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html delete mode 100644 files/tr/mozilla/add-ons/webextensions/index.html delete mode 100644 files/tr/mozilla/add-ons/webextensions/user_interface/index.html delete mode 100644 files/tr/mozilla/add-ons/webextensions/what_are_webextensions/index.html delete mode 100644 files/tr/mozilla/add-ons/webextensions/your_first_webextension/index.html (limited to 'files/tr/mozilla/add-ons') diff --git a/files/tr/mozilla/add-ons/index.html b/files/tr/mozilla/add-ons/index.html deleted file mode 100644 index f754e3a366..0000000000 --- a/files/tr/mozilla/add-ons/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: Eklentiler -slug: Mozilla/Add-ons -tags: - - Eklentiler - - Landing - - Mozilla - - uzantılar -translation_of: Mozilla/Add-ons -original_slug: Mozilla/Eklentiler ---- -
Mozilla uygulamalarını değiştirin ve genişletin.
- -

Eklentiler, Gecko-tabanlı uygulamalara (Firefox,SeaMonkey ve Thunderbird gibi) yeni fonksiyonellikler eklerler. İki çeşit ana eklenti tipi vardır: Uzantılar, uygulamaya yeni özellikler eklerler, ve Temalar ise kullanıcı arayüzünü modifiye ederler.

- -

Her iki eklenti tipi için Mozilla, AMO diye bilinen, addons.mozilla.org'da bir dizinde çalışır. AMO'ya gönderdiğiniz eklentiler, gözden geçirilir ve incelemeyi geçtikten sonra  kullanıcılara uygun hale gelir. Eklentiler AMO'ya gönderilmek zorunda değildir, ama gönderilirse, kullanıcılar gözden geçirilmiş eklentilere güvenebilirler ve kullanışlı eklentiler için bir kaynak olan AMO görünürlüğünden faydalanabilirsiniz.

- -

Eklentiler, onları barındıran uygulamanın davranışını büyük ölçüden etkileyebilirler. Bu sebeple eklentilerin, kullanıcılara iyi bir deneyim sağlamasına yardım etmek için kuralları geliştirdik.Bu kurallar, eklenti addons.mozilla.org'da barındırılsın ya da barındırlmasın, bütün eklentiler için geçerlidir.

- -
-

Uzantılar

- -

Uzantılar, Firefox ve Thunderbird gibi Mozilla uygulamarına yeni fonksiyonellikler eklerler. Sekmeleri yönetmek için farklı bir yol gibi yeni özellikler ekleyebilir veya belirli web sitelerinin kullanılabilirliğini ve güvenliğini atırmak için web içeriğini değiştirebilirler.

- -

Uzantıları yaratabileceğiniz üç farklı teknik vardır: Add-on SDK-tabanlı uzantılar, manüel olarak önyüklenmiş yeniden başlatma gerektirmeyen uzantılar, legacy uzantılar.

- - - -
-

WebExtensions

- -

Biz, WebExtensions olarak adlandırılan ve Firefox için ve aynı zaman Google ve Opera tarafından kullanılanılan sistemlerle büyük ölçüde uyumlu olacak, eklenti geliştirmenin yeni bir yolu olan bir sistem üzerinde çalışıyoruz.

- -

Gelecekte, Firefox için tercih edilen bir uygulama geliştirme yolu olacaktır.

- -

Şu anda bu uygulama deneyseldir, ama yine de bir göz atmak isterseniz see the docs here bağlantısından dökümanlara ulaşabilirsiniz.

-
- -

Eğer yapabiliyorsanız, yeniden başlatma gerektirmeyen mekanızmayı kullanan Add-on SDK-tabanlı tekniği kullanmak uygundur, eğer bu teknik sizin ihtiyacınız için yeterli değilse, manuel olanı, JavaScript API'leri kullanmayan ikinci yöntemi uygulayın.

- -

Teknik seçiminde daha fazla bilgi için, okuyun comparison.

- -

Hata ayıklama

- -

Eklenti geliştirmede, hangi satırlarda hatalar yapıldığını görmek hata ayıklama olmadan mümkün değildir. Masaüstü için Setting Up a Development Environment, mobil için(Android/iOS) Debugging Firefox for Android with WebIDE 'ya göz atın. Mobil cihazlarda meydana gelen hataları yakalamak için masaüstü tarayıcı araçlarından WebIDE kullanılır.

- -
-
-

Önerilen Pratikler

- -

Uzantınızı hangi teknikle geliştirdiğinizin önemi olmamasına rağmen, mümkün olduğunca iyi bir kullanıcı deneyimi sağlaması için birkaç yönerge vardır.

- -
-
Performans
-
Uzantınızın hızlı, duyarlı ve bellek-tasarruflu olmasını sağlamak için.
-
Güvenlik
-
Zararlı web sitelerinin uzantınızı etkisi altına almamasını sağlamak için.
-
Etiquette
-
uzantınızın diğer uzantılar ile uyum içerisinde çalışması için.
-
-
- -
-

Uygulama Özel

- -

Çoğu dokümantasyon, masaüstü Firefox için geliştirme yapıyor olduğunuz varsayar. Eğer diğer bir Gecko tabanlı uygulama için geliştirme yapıyorsanız, bilmeniz gereken başlıca farklılıklar vardır.

- -
-
Thunderbird
-
Thunderbird mail istemcisi için uzantılar geliştirmek için.
-
Firefox Android
-
Firefox Android için uzantılar geliştirmek için.
-
SeaMonkey
-
SeaMonkey yazılım takımı için uzantılar geliştirmek için.
-
-
-
- -
-

Temalar

- -

Temalar, kullanıcı arayüzünü ihtiyaca göre düzenleyebileceğiniz eklentilerdir. İki çeşit tema vardır: Lightweight temalar ve complete temalar.

- -
-
-

Lightweight temalar, diğerine göre uygulanması daha basittir, fakat sağladığı düzenleme alanı çok limitlidir.

-
- -
-

Complete temalar ile kullanıcı arayüzünde daha derin modifikasyonlar yapabilirsiniz. Complete temaların dökümantasyonu güncel değildir, ancak olası güncelleştirmeler aynı linke bağlıdır.

-
-
- -
-

Diğer çeşit eklentiler

- -

Search engine plugins basit ve özel bir çeşit eklenti tipidir: arama alanına yeni bir arama motoru eklerler.

- -

Plugins help the application understand web content that it does not natively support. NPAPI plugins are a legacy technology and new sites should not use them. In general, plugins are not available on most modern mobile systems including, and websites should transition away from using plugins.

- -
{{AddonSidebar}}
diff --git a/files/tr/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html b/files/tr/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html deleted file mode 100644 index 3f4af92620..0000000000 --- a/files/tr/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html +++ /dev/null @@ -1,168 +0,0 @@ ---- -title: Extending the developer tools -slug: Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools -tags: - - DevTools - - Eklenti - - Kılavuz - - Türkçe Web App DevOp - - Uzantıları - - WebExtensions - - İhtiyaçları Ayrıcalıkları -translation_of: Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools -original_slug: Mozilla/Eklentiler/WebExtensions/Extending_the_developer_tools ---- -
{{AddonSidebar}}
- -
-

API'leri dayanmasına rağmen onlar Firefox 55. bulunmayan bu sayfa devtools API'leri açıklamaktadır Krom devtools API'ler , henüz Firefox'ta uygulanmadı ve bu nedenle burada belgelere alınmamıştır hala pek çok özellik vardır. Özellikleri şu anda bakın eksik olduğunu görmek için devtools API'larından Sınırlamaları .

-
- -

Sen tarayıcının yerleşik geliştirici araçlarını genişletmek için WebExtensions API'leri kullanabilirsiniz. Bir devtools uzantısı oluşturmak için, "include devtools_page içinde" tuşuna manifest.json :

- -
"Devtools_page": "devtools / devtools-sayfa.html"
- -

Bu anahtarın değeri sizin uzantısı ile birlikte olmuş bir HTML dosyasına işaret eden bir URL'dir. URL Manifest.json dosyasının kendisini göreli olmalıdır.

- -

HTML dosyası devtools sayfası olarak adlandırılır, uzantısında özel bir sayfa tanımlar.

- -

devtools sayfa

- -

devtools sayfa tarayıcı devtools açıldığında yüklenen ve kapatıldığında kaldırılır. dolayısıyla birden fazla devtools sayfa - - devtools pencere tek bir sekme ile ilişkili olduğu için, birden fazla devtools pencere için oldukça mümkün olduğunu Not aynı anda var olması.

- -

Devtools sayfa görünür bir DOM yok, ama kullanan JavaScript kaynaklarını içerebilir <script>etiketleri. Kaynaklar uzantısı kendisi ile birlikte alınmalıdır. Kaynaklar erişebilirsiniz:

- - - -

Not devtools sayfasının başka WebExtension API'leri erişmek etmediğini ve arka plan sayfası devtools API'ler erişim elde etmez. Bunun yerine, devtools sayfa ve arka plan sayfasını kullanarak iletişim kurmalıdır runtimemesajlaşma API'leri. İşte bir örnek:

- -
<! DOCTYPE html>
-<Html>
-  <Head>
-    <Meta karakter seti = "UTF-8">
-  </ Head>
-  <Body>
-    </ Script> <script src = "devtools.js">
-  </ Body>
-</ Html>
- -

devtools.js dosyası dev araçları uzantıları yaratarak gerçek kod düzenleyecek.

- -

paneller oluşturma

- -

devtools pencere barındıran ayrı bir dizi araç - JavaScript Debugger, Ağ İzleyicisi, vb. üst kısmında sekmeler Bir sıra farklı araçlar arasındaki kullanıcı anahtarı sağlar. Her aracın kullanıcı arayüzü barındırmak penceresi "paneli" olarak adlandırılır.

- -

Kullanımı devtools.panels.create()API, sen devtools penceresinde kendi paneli oluşturabilir:

- -
browser.devtools.panels.create (
-  "Benim Paneli", // başlık
-  "Simgeleri / star.png", // simgesi
-  "Devtools / paneli / panel.html" // içerik
-) .Ve ((newPanel) => {
-  newPanel.onShown.addListener (initialisePanel);
-  newPanel.onHidden.addListener (unInitialisePanel);
-});
- -

Panelin başlığı, simge ve içerik: Bu üç zorunlu argüman alır. Bir döner Promisebir çözer ki devtools.panels.ExtensionPanelyeni bir panel ifade eden nesne.

- -

Hedef pencere ile etkileşimde

- -

Geliştirici araçları her zaman belirli bir tarayıcı sekmesine eklenir. Bu geliştirici araçları için "hedef" veya "teftiş pencere" olarak adlandırılır. Sen kullanarak denetlenmiş pencere ile etkileşime girebilir devtools.inspectedWindowAPI.

- -

Hedef penceresinde kod çalıştırma

- -

devtools.inspectedWindow.eval()Teftiş pencerede kod çalıştırmasına bir yol sağlar.

- -

Bu biraz kullanmak gibidir {{WebExtAPIRef ( "tabs.executeScript ()")}} bir içerik komut enjekte ancak bunlarla önemli bir farkla:

- - - -
-

DOM temiz bir görünüm yardım amaçlanan, bir güvenlik özelliğidir geldiğini hatırlatırız yerli DOM işlevleri davranışını yeniden tanımlanarak uzantıları kandırma gelen düşman sayfaları engeller. Bu araçlar siz) eval (kullanarak çok dikkatli olmak gerekiyor ve eğer yapabilirsen normal içerik komut dosyası kullanmalısınız.

-
- -

Komut dosyaları kullanılarak yüklenen  devtools.inspectedWindow.eval()içerik komut ile tanımlanan herhangi JavaScript değişkenleri görmüyorum de.

- -

içerik komut ile çalışma

- -

Bir devtools belge doğrudan erişimi yok {{WebExtAPIRef ( "tabs.executeScript ()")}} Bir içerik komut dosyası enjekte etmek gerekirse, bu nedenle, devtools belge arka plan komut bir mesaj göndermesi gerekir inject bunu soran senaryo. devtools.inspectedWindow.tabIdHedef sekmesinin kimliğini sağlar: devtools belge arka plan komut dosyasına bu geçebilir ve arka plan komut sırayla içine geçebilir {{WebExtAPIRef ( "tabs.executeScript ()")}}:

- -
// devtools-panel.js
-
-const scriptToAttach = "document.body.innerHTML = 'DevTools'un Hi';";
-
-window.addEventListener () ( "click" => {
-  browser.runtime.sendMessage ({
-    Tabla: browser.devtools.inspectedWindow.tabId,
-    komut: scriptToAttach
-  });
-});
- -
// background.js
-
-işlev handleMessage (istek, gönderen, sendResponse) {
-  browser.tabs.executeScript (request.tabId {
-    kod: request.script
-  });
-}
-
-browser.runtime.onMessage.addListener (handleMessage);
- -

Hedef penceresinde çalışan içerik komut ve devtools belgeye arasındaki değişim mesajlarına gerekiyorsa, {{WebExtAPIRef ( "runtime.connect ()")}} ve {{WebExtAPIRef ( "runtime.onConnect kullanmak iyi bir fikirdir ")}} arkaplan sayfası ile devtools belgeye arasında bağlantı kurmak için. arka plan sayfası ardından sekme kimlikleri ve {{WebExtAPIRef ( "runtime.Port")}} nesneler arasında bir eşleme korumak ve iki kapsamları arasındaki iletileri yönlendirmek için kullanabilir.

- -

- -

devtools API'ler sınırlamaları

- -

Chrome dayanmaktadır Bu API'ler API'leri DevTools'un, ancak birçok özellik hala Chrome ile karşılaştırıldığında, eksik. Bu bölümde yine devtools API'leri etkin geliştirme aşamasındadır ve gelecekteki yayınlara çoğu desteği eklemek beklediklerini Firefox 54. Not itibariyle uygulanmadı özellikleri.

- -

devtools.inspectedWindow

- -

Aşağıdaki desteklenmez:

- - - -

Seçeneklerden hiçbiri için inspectedWindow.eval()desteklenir.

- -

Komut dosyaları kullanılarak enjekte inspectedWindow.eval()tüm Konsolunun komut satırı yardımcı işlevlerini kullanamazsınız, ancak $0ve inspect(...)her ikisi (Firefox 55 başlayarak) desteklenir.

- -

devtools.panels

- -

Aşağıdaki desteklenmez:

- - - -

Örnekler

- -

Webextensions-örnekler GitHub'dan Repo, devtools panelleri kullanmak uzantıları bazı örnekler sunulmaktadır:

- - diff --git a/files/tr/mozilla/add-ons/webextensions/index.html b/files/tr/mozilla/add-ons/webextensions/index.html deleted file mode 100644 index c4a3cfc16a..0000000000 --- a/files/tr/mozilla/add-ons/webextensions/index.html +++ /dev/null @@ -1,139 +0,0 @@ ---- -title: Tarayıcı uzantıları -slug: Mozilla/Add-ons/WebExtensions -tags: - - Eklentiler - - WebExtensions - - İniş -translation_of: Mozilla/Add-ons/WebExtensions -original_slug: Mozilla/Eklentiler/WebExtensions ---- -
{{AddonSidebar}}
- -

Uzantılar, bir tarayıcının yeteneğini genişletebilir ve değiştirebilir. Firefox eklentileri, uzantıları geliştirmek için çapraz tarayıcı sistemi olan Web Eklenti API'leri kullanılarak oluşturulmuştur. Google Chrome, Opera ve  W3C Taslak Topluluk Grubu tarafından deteklenen  API uzantısı büyük ölçekteki sistemlerle uyumludur. Bu tarayıcılar için yazılan uzantılar bir çok durumda Firefox'ta yada bir kaç değişiklikle Microsoft Edge ile çalışacaktır. Bu API aynı zamanda çoklu prosesli Firefox'la tamamen uyumludur.

- -

Eğer fikir veya sorularınız varsa, yada eski add-on'nuzu Web eklenti API'lerini kullanarak uyarlamak için yardıma ihtiyaç duyarsanız, bize dev-addons mail listesi yada IRC üzerinden  #webextensions aracılığı ile ulaşabilirsiniz.

- -
-
-

Başlarken

- - - -

Kavramlar

- - - -

Kullanıcı Arayüzü

- - - -

Nasıl Yapılır

- - - -
    -
- -

Uyarlama

- - - -

Firefox İşakışı

- - -
- -
-

Referans

- -

JavaScript API'leri

- - - -
{{ListSubpages ( "/ tr / Eklentiler / WebExtensions / API")}}
- -

Bildirim Anahtarları

- - - -

 

- -
{{ListSubpages ( "/en-US/Add-ons/WebExtensions/manifest.json")}}
-
-
- -

 

diff --git a/files/tr/mozilla/add-ons/webextensions/user_interface/index.html b/files/tr/mozilla/add-ons/webextensions/user_interface/index.html deleted file mode 100644 index b7c071d37a..0000000000 --- a/files/tr/mozilla/add-ons/webextensions/user_interface/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: User interface -slug: Mozilla/Add-ons/WebExtensions/user_interface -tags: - - Kullanıcı arayüzü - - WebExtensions - - İniş -translation_of: Mozilla/Add-ons/WebExtensions/user_interface -original_slug: Mozilla/Eklentiler/WebExtensions/user_interface ---- -
{{AddonSidebar}}
- -

Kullanım WebExtension API'leri onların işlevselliği kullanıcıya sunulabilir böylece birkaç kullanıcı arayüzü seçenekleri ile sağlandığını uzantılar. bu seçeneklerden bir özeti bu bölümde her kullanıcı arayüz seçeneği için daha ayrıntılı tanıtımıyla, aşağıda verilmiştir.

- -
-

Uzantınızda mükemmel bir kullanıcı deneyimi yaratmak için bu UI bileşenlerini kullanarak tavsiye için lütfen Kullanıcı deneyimi en iyi uygulamaları makale.

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
UI seçeneğiAçıklamaMisal
Araç Çubuğu düğme (tarayıcı eylem)tıklandığında uzantısı bir olay gönderir Tarayıcı araç çubuğunda bir düğme. Varsayılan olarak, düğme tüm sekmelerin görünür.Örnek bir araç çubuğu düğmesi (tarayıcı eylem) gösteren.
Bir ile Çubuğu düğmesi açılırdüğme tıklandığında o araç çubuğu tarayıcıda bir düğmeye bir açılır pencere açılır. Popup kullanıcı etkileşimi yönetir bir HTML belgesinde tanımlanmıştır.Bir araç çubuğu düğmesini pop-up örneği
Adres çubuğu düğmesi (sayfa aksiyon)tıklandığında uzantısı bir olay gönderir tarayıcının adres çubuğunda bir düğme. Varsayılan olarak, düğme tüm sekmelerin gizli.Örnek bir adres çubuğu düğmesini gösteren (sayfa aksiyon)
Bir ile Adres çubuğu düğmesi açılırdüğmesi tıklandığında açılan tarayıcı adres çubuğunda bir düğmeyi bir açılır pencere. Popup kullanıcı etkileşimi yönetir bir HTML belgesinde tanımlanmıştır.Adres çubuğu düğmesinin bir popup örneği
Bağlam menü öğesibir ya da tarayıcının bağlam menüleri daha menü öğeleri onay kutularını ve radyo düğmeleri. Ayrıca, menüler ayırıcılar ekleyerek yapılandırılabilir. menü öğeleri tıklandığında bir olay uzantısı gönderilir.bağlam menü demo örnekten bir WebExtension tarafından eklenen içerik menü öğeleri, örneği
Kenar çubuğu -

Bir HTML dokümanı sayfa başına benzersiz içerik seçeneği ile, bir web sayfası yanında görüntülenen. uzantı yüklendiğinde kenar çubuğu daha sonra kullanıcının kenar çubuğu görünürlük seçimi itaat, açılır. Kenar çubuğunda içinde kullanıcı etkileşimi kendi HTML belgesi tarafından gerçekleştirilmektedir.

- 		bir kenar çubuğu Örnek
Seçenekler sayfaEğer kullanıcıların değişebileceğini Uzantınız için tercihlerini belirlemek sağlayan bir sayfa. kullanıcı tarayıcının eklenti yöneticisinden bu sayfaya erişebilirsiniz.Örnek favori renkleri örnekte eklenen seçenekler sayfa içeriğini gösteren.
Uzatma sayfaUzantınızda dahil kullanın web sayfaları pencere veya sekme içindeki formları, yardım veya gerekli diğer herhangi bir içerik sağlamak.Basit bir paket sayfası örneği müstakil bir panel olarak görüntülenir.
BildirimGeçici bildirimleri temel işletim sisteminin bildirimleri mekanizması yoluyla kullanıcıya görüntülenir. Kullanıcı bir bildirim veya bir bildirim kapanır (ya otomatik olarak veya kullanıcının isteği üzerine) tıkladığında uzantısına bir olay gönderir.Uzatma tetiklenen sistemi bildirimi Örnek
Adres çubuğu öneriKullanıcı bir anahtar kelime girdiğinde Özel adres çubuğu önerilerinin sunun.Örnek Adres çubuğu önerilerini firefox_code_search WebExtension en özelleştirme sonucunu gösteren.
Geliştirici araçları paneliilişkili HTML dokümanı ile bir sekme o tarayıcının geliştirici araçları görüntüler.Örnek Adres çubuğu önerilerini firefox_code_search WebExtension en özelleştirme sonucunu gösteren.
- -

kılavuzları nasıl yapılır şu bu kullanıcı arayüzü seçeneklerden bazılarını oluşturmak için adım adım rehberlik:

- - diff --git a/files/tr/mozilla/add-ons/webextensions/what_are_webextensions/index.html b/files/tr/mozilla/add-ons/webextensions/what_are_webextensions/index.html deleted file mode 100644 index 266752739d..0000000000 --- a/files/tr/mozilla/add-ons/webextensions/what_are_webextensions/index.html +++ /dev/null @@ -1,69 +0,0 @@ ---- -title: Eklenti nedir? -slug: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions -tags: - - Eklentiler - - Web eklentileri -translation_of: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions -original_slug: Mozilla/Eklentiler/WebExtensions/Eklenti_nedir ---- -
{{AddonSidebar}}
- -

 

- -

Bir eklenti bir web tarayıcısına özellikler ve fonksiyonlar ekler. Eklenti, Html, Css ve Javascript gibi benzer web tabanlı teknolojilerle oluşturulur. Bir web sayfasındaki JavaScript ile aynı web API'larından yararlanabilir, ancak bir uzantının kendi JavaScript API kümesine de erişimi vardır. Bu sizin eklenti ile bir web sayfasında yapabileceğinizden daha fazla şeyi yapabileceğiniz anlamına gelir. İşte yapabileceğiniz şeylere birkaç örnek:

- -

Bir web sitesini geliştirin veya tamamlayın: Web sitenizden ek tarayıcı içi özellikler veya bilgi sunmak için bir eklenti kullanın. Kullanıcıların, sunduğunuz hizmeti iyileştirmek için ziyaret ettikleri sayfalardan ayrıntıları toplamasına izin verin.

- -

- -

Örnekler: Amazon Assistant for Firefox, OneNote Web Clipper, and Grammarly for Firefox

- -

Kullanıcıların kişiselleştirmesine izin verin: Tarayıcı eklentisi web sayfalarındaki içeriği değiştirebilir. Örneğin kullanıcılar ziyaret ettiği bir sayfada sevdiği bir logoyu veya resmi arkaplan resmi olarak ekleyebilir. Eklentiler kullanıcılara Firefox UI arayüzünü güncelleştirmelerine izin verebilir. Aynı yolla bağımsız tema eklentileri yapabilir.

- -

- -

Örnekler: MyWeb New Tab, Tabliss, ve VivaldiFox

- -

Web sayfasına içerik ekleyin veya silin: Kullanıcıların web sayfalarındaki rahatsız edici reklamları engellemelerine, bir web sayfasında bir ülke veya şehir söz konusu olduğunda bir seyahat rehberine erişim sağlamasına veya tutarlı bir okuma deneyimi sunmak için sayfa içeriğini yeniden biçimlendirmesine yardımcı olmak isteyebilirsiniz. Hem sayfanın hem HTML hem de CSS’ye erişme ve bunları güncelleme yeteneği sayesinde, eklentiler kullanıcıların web’i istedikleri gibi görmelerine yardımcı olabilir.

- -

- -

Örnekler: uBlock Origin, Reader, ve Toolbox for Google Play Store™

- -

Araçlar ve yeni gözatma özellikleri ekleyin: Görev çubuğuna yeni özellikler ekleyin, ya da linklerden, sayfadaki yazıdan, resimlerden kare kod oluşturun. Esnek UI seçenekleri ve WebExtensions API'lerinin gücü ile bir tarayıcıya kolayca yeni özellikler ekleyebilir ve herhangi bir web sitesinin özelliğini veya fonksiyonunu artırabilirsiniz. 

- -

- -

Örnekler: QR Code Image Generator, Swimlanes for Trello, ve Tomato Clock

- -

Oyunlar: çevrimdışı özellikli oyun sunun ya da yeni oyun özelliklerini keşfedin; örneğin, by incorporating gameplay into everyday browsing.

- -

 

- -

Örnekler: Asteroids in Popup, Solitaire Card Game New Tab, ve 2048 Prime.

- -

Geliştirici araçları ekleyin: Web geliştirme araçlarını işiniz olarak sağlayabilir veya paylaşmak istediğiniz web geliştirmeye faydalı bir teknik veya yaklaşım geliştirebilirsiniz. Her iki durumda da, geliştirici araç çubuğuna yeni bir sekme ekleyerek yerleşik Firefox geliştirici araçlarını geliştirebilirsiniz.

- -

- -

Örnekler: Web Developer, Web React Developer Tools, and aXe Developer Tools

- -

 

- -

Firefox için eklentiler WebExtensions APIleri, geliştirici eklentileri çarpraz tarayıcı sistemi kullanılarak inşa edilir. API büyük ölçüde Google Chrome ve Opera tarafından desteklenen extension API ile uyumludur. Bu tarayıcılar için yazılan uzantılar, çoğu durumda yalnızca birkaç değişiklikle Firefox veya Microsoft Edge'de çalışır. API multiprocess Firefox ile de tam uyumludur. 

- -

Eğer sorunuz, fikriniz ya da eski bir apiyi yenisine uyumlu hale getirme ile ilgili yardıma ihtiyacınız varsa bize dev-addons mailing list ya da #extdev üzerinden ulaşabilirsiniz.  IRC.

- -

 

- -

Sırada ne var?

- - - - diff --git a/files/tr/mozilla/add-ons/webextensions/your_first_webextension/index.html b/files/tr/mozilla/add-ons/webextensions/your_first_webextension/index.html deleted file mode 100644 index 7efafe5d0f..0000000000 --- a/files/tr/mozilla/add-ons/webextensions/your_first_webextension/index.html +++ /dev/null @@ -1,158 +0,0 @@ ---- -title: İlk Eklentin -slug: Mozilla/Add-ons/WebExtensions/Your_first_WebExtension -tags: - - Rehber - - WebEklentileri -translation_of: Mozilla/Add-ons/WebExtensions/Your_first_WebExtension -original_slug: Mozilla/Eklentiler/WebExtensions/İlk_Eklentin ---- -
{{AddonSidebar}}
- -
Bu makalede Firefox için bir eklenti baştan sona nasıl oluşturulur onu inceleyeceğiz. Eklenti "mozilla.org" vey alt alan adlarından yüklenen tüm sayfalara kırmızı kenarlık ekleyecek.
- -
- -
Bu örnek için kaynak kodlar GitHub'ta: https://github.com/mdn/webextensions-examples/tree/master/borderify.
- -
- -

İlk olarak Firefox 45 veya sonraki bir versiyona ihtiyacımız olacak.

- -

Eklentiyi yazmak

- -

Yeni bir dizin oluşturup içine girelim. Örneğin terminalden şu şekilde yapabiliriz:

- -
mkdir borderify
-cd borderify
- -

manifest.json

- -

Şimdi "manifest.json" isimli yeni bir dosya oluşturarak dosyanın içeriğine aşağıdakileri ekleyelim.

- -
{
-
-  "manifest_version": 2,
-  "name": "Borderify",
-  "version": "1.0",
-
-  "description": "mozilla.org ile eslesen tum sayfalara kırmızı kenarlık ekler.",
-
-  "icons": {
-    "48": "icons/border-48.png"
-  },
-
-  "content_scripts": [
-    {
-      "matches": ["*://*.mozilla.org/*"],
-      "js": ["borderify.js"]
-    }
-  ]
-
-}
- - - -

Buradaki en ilginç özellik content_scripts. Bu kısımda hangi örüntüye uyan web sayfaları için Firefox'un eklenti script'lerini yüklemesi gerektiğini söylüyor. Bu örnekte Firefox'a "borderify.js" i "mozilla.org" veya onun alt adresinden sunulan tüm HTTP veya HTTPS sayfalar için yüklemesini istiyoruz.

- - - -
-

Bazı durumlarda eklentin için bir kimlik(id) belirtmen gerekebilir. Gerektiğinde manifest.json da  applications içerisine gecko.id özelliğini ekle:

- -
"applications": {
-  "gecko": {
-    "id": "borderify@example.com"
-  }
-}
-
- -

icons/border-48.png

- -

Eklentimizin bir ikonu olmalı. İkonumuz Eklenti Yöneticisi'nde eklentimiz listelenirken yanında gözükecek.manifest.json dosyamız ikonumuzun şu dizinde olacağını söylüyor: "icons/border-48.png".

- -

"borderify" dizini içerisinde "icons" klasörünü oluştur. "border-48.png" isimli bir ikon koy.  Google Material Desing ikon paketinden alınmış ve Creative Commons Attribution-ShareAlike lisansına sahip örneğimizdeki ikonu kullanabilirsin.

- -

Eğer kendi ikonunu kendin ayarlamak istiyorsan ikon 48x48 piksel olmalı. Yüksek çözünürlüklü cihazlar için 96x96 piksel ikon da ayarlayabilirsin. Ancak o durumda icons altında 96 olarak 96x96'lık ikonu belirtmen gerekir:

- -
"icons": {
-  "48": "icons/border-48.png",
-  "96": "icons/border-96.png"
-}
- -

Alternatif olarak SVG dosyası kullanabilirsin ve doğru biçimde ölçeklenir. (Doğrusu: SVG kullanıyorsan ve ikon yazı içeriyorsa, SVG düzenleyicinin "convert to path" özelliğini kullanıp yazıyı düzleştirmek isteyebilirsin. Bu sayede pozisyonu ve boyutu doğru olarak ölçeklenir.)

- - - -

borderify.js

- -

Finally, create a file called "borderify.js" directly under the "borderify" directory. Give it this content:

- -
document.body.style.border = "5px solid red";
- -

This script will be loaded into the pages that match the pattern given in the content_scripts manifest.json key. The script has direct access to the document, just like scripts loaded by the page itself.

- - - -

Trying it out

- -

First, double check that you have the right files in the right places:

- -
borderify/
-    icons/
-        border-48.png
-    borderify.js
-    manifest.json
- -

Installing

- -

Open "about:debugging" in Firefox, click "Load Temporary Add-on" and select any file in your extension's directory:

- -

{{EmbedYouTube("cer9EUKegG4")}}

- -

The extension will now be installed, and will stay until you restart Firefox.

- -

Alternatively, you can run the extension from the command line using the web-ext tool.

- -

Testing

- -

Now try visiting a page under "mozilla.org", and you should see the red border round the page:

- -

{{EmbedYouTube("rxBQl2Z9IBQ")}}

- -
-

Don't try it on addons.mozilla.org, though! Content scripts are currently blocked on that domain.

-
- -

Try experimenting a bit. Edit the content script to change the color of the border, or do something else to the page content. Save the content script, then reload the extensions's files by clicking the "Reload" button in about:debugging. You can see the changes right away:

- -

{{EmbedYouTube("NuajE60jfGY")}}

- - - -

Packaging and publishing

- -

For other people to use your extension, you need to package it and submit it to Mozilla for signing. To learn more about that, see "Publishing your extension".

- -

What's next?

- -

Now you've got an idea of the process of developing a WebExtension for Firefox, try:

- - -- cgit v1.2.3-54-g00ecf