Başlama
Chrome Uzantısı geliştirme işlemine hoş geldiniz. İlk Chrome Uzantınızı oluşturmaya ve dağıtmaya başlamak için ihtiyacınız olan her şeyi keşfedin.
Genel bakış
Uzantılar nedir?
Chrome uzantıları, kullanıcı arayüzünü özelleştirerek, tarayıcı etkinliklerini gözlemleyerek ve web'de değişiklik yaparak göz atma deneyimini iyileştirir. Uzantıların neler yapabileceğine ilişkin daha fazla örnek için Chrome Web Mağazası'nı ziyaret edin.
Nasıl oluşturulur?
Uzantıları, web uygulamalarını oluşturmak için kullanılan web teknolojilerinin aynısını kullanarak oluşturabilirsiniz: HTML, CSS ve JavaScript.
Ne yapabilir?
Web API'lerine ek olarak, uzantılar farklı görevleri gerçekleştirmek için Chrome Uzantı API'lerine de erişebilir. Daha ayrıntılı bir genel bakış için Geliştirme rehberine göz atın.
Uzantı terminolojisi
Chrome uzantıları, farklı roller üstlenen parçalardan oluşur.
Manifest
Uzantının manifesti, belirli bir dosya adının olması gereken tek gerekli dosyadır: manifest.json. Dosya, uzantının kök dizininde de bulunmalıdır. Manifest önemli meta verileri kaydeder, kaynakları tanımlar, izinleri açıklar ve hangi dosyaların arka planda ve sayfada çalıştırılacağını tanımlar.
Hizmet çalışanları
Service Worker arka planda çalışır ve yer işaretini kaldırma veya sekmeyi kapatma gibi tarayıcı etkinliklerini yönetir. DOM'ye erişimleri yoktur ancak bu kullanım alanı için DOM'yi ekran dışı bir dokümanla birleştirebilirsiniz.
İçerik komut dosyaları
İçerik komut dosyaları, JavaScript'i bir web sayfası bağlamında çalıştırır.
Araç çubuğu işlemi
Kullanıcı uzantı araç çubuğu simgesini tıkladığında kod çalıştırın veya Action API'sini kullanarak bir pop-up gösterin.
Yan Panel
Tarayıcının yan panelinde özel kullanıcı arayüzünü görüntüle.
DeclarativeNetRequest
Ağ isteklerine müdahale edin, bunları engelleyin veya değiştirin.
Chrome Web Mağazası'nda yayınla
Uzantıyı kendiniz oluşturuyorsanız başlangıç eğiticimize göz atın. Chrome Web Mağazası'nda yayınlamak istiyorsanız öncelikle bilmeniz gereken birkaç şey vardır.
Yüksek kaliteli bir uzantı tasarlayın
Desteklenecek özellikleri seçerken, uzantınızın dar kapsamlı ve kolay anlaşılır bir tek amacı karşıladığından emin olun.
Politikalar hakkında bilgi edinin
Chrome Web Mağazası'nda dağıtılan uzantılar geliştirici program politikalarına uymalıdır. Uzantınızın Chrome Web Mağazası'nda barındırılabileceğinden emin olmak için bu politikaları inceleyin.
Tüm uzantı mantığını dahil et
Kodunuzu yazarken tüm mantığın, uzantı paketine eklenmesi gerektiğini unutmayın. Yani, çalışma zamanında ek JavaScript kodu indirilemez. Uzantı güvenliğini artırma, uzaktan barındırılan kod yürütmeye alternatifler sağlar.
Eğitimler
Uzantıyı öğrenme yolculuğunuza başlamak için aşağıdaki eğiticilerden birini seçin.
İlk uzantınız
Uzantı geliştirme iş akışı hakkında bilgi edineceğiniz ilk hello world uzantınızı oluşturun.
Her sayfada komut dosyası çalıştırın
Belirtilen siteye otomatik olarak öğe eklemeyi öğrenin.
Komut dosyalarını etkin sekmeye ekle
Araç çubuğu simgesini tıklayarak geçerli sayfanın stilini nasıl basitleştireceğinizi öğrenin.
Sekme yöneticisi oluşturma
Sekmelerinizi yöneten bir pop-up oluşturmayı öğrenin.
Service Worker'larla etkinlikleri işleme
Uzantı hizmet çalışanı oluşturmayı ve hata ayıklamayı öğrenin.
Uzantınızdaki hataları ayıklayın
Hata ayıklama sırasında günlükleri ve hata mesajlarını bulmayı öğrenin.