Bu, uzantılarda kullanılabilen kullanıcı arayüzü öğelerinin kataloğudur. Her giriş şunları içerir:
- Öğenin resmi (varsa).
- Ne için kullanıldığına dair açıklama.
- İlgili arayüz öğeleri (varsa).
- Uygulama talimatlarına ve kod örneklerine bağlantılar.
Bu öğeler, uzantı özelliklerini çağırmanın farklı yollarıdır. Bunların hepsini uygulamanız gerekmez. Hatta bazı kullanım alanlarında bu özelliklerin hiçbiri kullanılmayabilir. Örneğin, bir bağlantı kısaltıcı, klavye kısayolu kullanarak görüntülenen URL'yi işleyebilir ve kısaltılmış bağlantıyı programatik olarak panoya yerleştirebilir.
İşlemler
İşlem, kullanıcının uzantınızın işlem simgesini tıklamasıyla gerçekleşen olaydır. Bir işlem, Action API kullanılarak bir uzantı özelliğini çağırabilir veya kullanıcıların birden fazla uzantı özelliğini çağırmasına olanak tanıyan bir pop-up açabilir. İpucu kullanarak kullanıcılara işlemin ne yaptığını söyleyin.
İşlem oluşturmayı öğrenmek için İşlem uygulama başlıklı makaleyi inceleyin veya işlem örneklerini inceleyin.
İşlem simgeleri
Bir uzantının temsil edilmesi için en az bir simge gerekir. Kullanıcılar, işlem başlatmak için simgeyi tıklar. Bu işlem, Action API kullanılarak bir uzantı özelliğini başlatabilir veya bir pop-up açabilir.
Uzantı durumu veya kullanıcı tarafından yapılması gereken işlemler gibi bilgileri iletmek için simgeye "rozet" adı verilen bir etiket de ekleyebilirsiniz.
İşlem oluşturmayı öğrenmek için İşlem uygulama başlıklı makaleyi inceleyin veya işlem örneklerini inceleyin.
Rozetler
Rozetler, uzantı durumu veya kullanıcı tarafından işlem yapılması gerektiği gibi bilgileri belirtmek için işlem simgesinin üzerine yerleştirilen biçimlendirilmiş metinlerdir. chrome.action.setBadgeText() işlevini çağırarak rozetin metnini, chrome.action.setBadgeBackgroundColor() işlevini çağırarak da banner rengini ayarlayabilirsiniz.
İşlem oluşturmayı öğrenmek için İşlem uygulama veya Su içme örneğine bakın.
Komutlar
Komutlar, bir uzantı özelliğini çağıran tuş kombinasyonlarıdır. manifest.json dosyasında tuş kombinasyonlarını tanımlayın ve Commands API'yi kullanarak bunlara yanıt verin.
Bir komutu uygulamayı öğrenmek için API referansına veya chrome.commands örneğine bakın.
İçerik menüsü
Farenin alternatif tıklaması (genellikle sağ tıklama olarak adlandırılır) için bir içerik menüsü görünür. Context Menus API'yi kullanarak bağlam menülerini tanımlayın.
İçerik menüsü uygulama hakkında bilgi edinmek için içerik menüsü örneklerine bakın.
Çok amaçlı adres çubuğu
Chrome çok amaçlı adres çubuğunu kullanarak kullanıcılarla etkileşim kurabilirsiniz. Kullanıcı, çok amaçlı adres çubuğuna uzantı tarafından tanımlanan anahtar kelimeler girdiğinde, çok amaçlı adres çubuğunda kullanıcının göreceği içerik uzantınız tarafından kontrol edilir. manifest.json dosyasında anahtar kelimeler tanımlayın ve Omnibox API'yi kullanarak bu anahtar kelimelere yanıt verin.
Çok amaçlı adres çubuğunu geçersiz kılmayı öğrenmek için Çok amaçlı adres çubuğundan işlemleri tetikleme veya hızlı API referansı örneğine bakın.
Sayfaları geçersiz kılma
Uzantılar, aşağıdaki yerleşik Chrome sayfalarından birini geçersiz kılabilir:
- Geçmiş
- Yeni sekme
- Yer işaretleri
Chrome sayfalarını geçersiz kılmayı öğrenmek için Chrome sayfalarını geçersiz kılma veya geçersiz kılma örneğine bakın.
Pop-up'lar
Pop-up, kullanıcıların birden fazla uzantı özelliğini çağırmasına olanak tanıyan bir pencere gösteren bir işlemdir. Kullanıcı işlem simgesini tıkladığında, klavye kısayoluyla veya chrome.action.openPopup() çağrılarak pop-up'lar açılabilir.
Pop-up oluşturmayı öğrenmek için Pop-up ekleme başlıklı makaleyi inceleyin. Ayrıca işlem örneklerinden birini kullanarak da adım indirebilirsiniz.
Yan paneller
Yan panel, kullanıcıların web sayfalarının yanı sıra uzantı özelliklerini de kullanmasına olanak tanır (resme bakın). Yan panel tek bir sekmeye veya tüm pencereye eklenebilir. Yan panel, Side Panel API kullanılarak kontrol edilir.
Yan panel oluşturmayı öğrenmek için yan panel kullanım alanlarına göz atın veya yan panel örneklerini inceleyin.
İpuçları
İpucu, kullanıcı işlem simgenizin üzerine fareyle geldiğinde uzantınızın işleminin ne yaptığını göstermenin bir yoludur. Fareyle üzerine gelindiğinde uzantının adı gösterilir.
İpucu eklemeyi öğrenmek için bildirim dosyalarının "default_title" üyesi olan "action" anahtarını kullanın.
Geliştirici Araçları
DevTools Panels API'yi kullanarak Geliştirici Araçları'na özel paneller (Geliştirici Araçları'nda sekmelere verilen ad) ekleyebilirsiniz. Diğer Geliştirici Araçları API'leri, pencereleri ve ağ trafiğini izlemenize olanak tanır. Geliştirici Araçları kaydedici panelini de özelleştirebilirsiniz. Chrome Geliştirici Araçları'nın kendi Lighthouse paneli, Geliştirici Araçları uzantısı olarak başladı.
Bildirimler
Uzantıların Notifications API'sini veya web platformlarının Notifications API'sini kullanarak kullanıcının sistem tepsisine mesaj gönderme
Bildirimleri kullanmayı öğrenmek için Kullanıcıları bilgilendirme başlıklı makaleyi inceleyin.
Temalar
Tema, tarayıcının görünümünü değiştiren özel bir uzantı türüdür. Temalar normal uzantılar gibi paketlenir ancak JavaScript veya HTML kodu içermez.
Tema oluşturmayı öğrenmek için Temalar nedir? başlıklı makaleyi inceleyin.
Kullanıcılarla etkileşim kurmanın diğer yolları
Bu bölümde, uzantınızın kullanıcılarla etkileşim kurabileceği diğer yöntemler açıklanmaktadır. Temel bir uzantı için kesinlikle gerekli olmasa da uzantınızın önemli parçaları olabilirler. Birçok kullanıcı için bu özelliklerden bazıları uzantıyı kullanmak açısından kesinlikle gereklidir.
Erişilebilirlik
Birçok kullanıcı için erişilebilirlik, kullanıcı arayüzü anlamına gelir. Bu arayüzün özellikleri, uzantınızla etkileşim kurmak için birincil yöntem olarak erişilebilirliğe ihtiyaç duymayan kullanıcılar için de faydalı olabilir. Uzantınızı erişilebilir hale getirme ile ilgili temel bilgileri öğrenin.
Uluslararası hale getirme
Kullanıcılarla kendi dillerinde konuşun. Arayüzü uluslararasılaştırmayı öğrenin.