Bu, uzantılarda kullanılabilen kullanıcı arayüzü öğelerinden oluşan bir katalogdur. Her giriş şunları içerir:
- Öğenin resmi (varsa).
- Neyle ilgili olduğuna dair bir açıklama.
- İlgili arayüz öğeleri (varsa).
- Uygulama talimatları ve kod örneklerinin bağlantıları.
Bu öğeler, uzantı özelliklerini çağırmanın farklı yollarıdır. Bunların tümünü uygulamanız gerekmez. Hatta bazı kullanım alanlarında bunlardan hiçbiri kullanılamayabilir. Örneğin, daha kısa bir bağlantı, klavye kısayolu kullanarak görüntülenen URL'de işlem yapabilir ve kısaltılmış bağlantıyı panoya programlı bir şekilde yerleştirebilir.
İşlemler
Kullanıcı, uzantınıza ait işlem simgesini tıkladığında gerçekleşen işlemdir. İşlemler, Action API'yi kullanarak 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ı açıklayın.
İş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 bir işlemi çağırmak için simgeyi tıklar. Bu işlem, Action API'yi kullanarak bir uzantı özelliğini çağırır veya bir pop-up açar.
Uzantı durumu veya kullanıcının işlem yapması gerektiği gibi şeyleri iletmek için simgeye "rozet" olarak adlandırılan bir etiket de ekleyebilirsiniz.
İşlem derlemeyi öğrenmek için İşlem uygulama bölümünü inceleyin veya işlem örneklerini inceleyin.
Rozetler
Rozetler, uzantı durumu gibi şeyleri veya kullanıcının işlem yapması gerektiğini belirtmek için işlem simgesinin üzerine yerleştirilen biçimlendirilmiş metin parçalarıdır. chrome.action.setBadgeText() yöntemini çağırarak rozet metnini, chrome.action.setBadgeBackgroundColor() yöntemini çağırarak banner rengini ayarlayabilirsiniz.
İşlem oluşturmayı öğrenmek için İşlem uygulama veya Su içme örneğine göz atın.
Komutlar
Komutlar, bir uzantı özelliğini çağıran tuş kombinasyonlarıdır. Manifest.json dosyasında anahtar kombinasyonlarını tanımlayın ve Commands API'yi kullanarak bunlara yanıt verin.
Bir komutu uygulamayı öğrenmek için API referansını veya chrome.commands örneğini inceleyin.
İçerik menüsü
Bir farenin alternatif tıklaması (genellikle sağ tıklama olarak adlandırılır) için bir içerik menüsü görüntülenir. Bağlam Menüleri API'sini kullanarak içerik menülerini tanımlayın.
İçerik menüsü uygulamayı öğrenmek için içerik menüsü örneklerine bakın.
Omnibox
Chrome çok amaçlı adres çubuğunu kullanarak kullanıcılarla etkileşimde bulunabilirsiniz. Bir kullanıcı, çok amaçlı adres çubuğuna uzantı tanımlı anahtar kelimeleri girdiğinde uzantınız, kullanıcının çok amaçlı adres çubuğunda ne göreceğini kontrol eder. manifest.json dosyasında anahtar kelimeleri tanımlayın ve bunlara Omnibox API'yi kullanarak 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 başlıklı makaleye veya hızlı API referansı örneğine bakın.
Sayfaları geçersiz kılma
Bir uzantı 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ğini inceleyin.
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ı, klavye kısayoluyla veya chrome.action.openPopup() numaralı telefonu arayarak işlem simgesini tıkladığında 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 birinin adımını indirebilirsiniz.
Yan paneller
Yan panel, kullanıcıların web sayfalarının yanı sıra uzantı özelliklerini çağırmalarına olanak tanır (resme bakın). Yan panel, tek bir sekmeye veya tüm pencereye eklenebilir. Yan panel, Side Panel API ile kontrol edilir.
Yan panel oluşturmayı öğrenmek için yan panel kullanım alanlarına bakın veya yan panel örneklerini inceleyin.
İpuçları
İpucu, kullanıcı işlem simgenizin faresini üzerine getirdiğinde uzantınızın işleminin ne yaptığını göstermenin bir yoludur. Varsayılan olarak ipucu, uzantının adını gösterir.
İpucu eklemeyi öğrenmek için manifest dosyaları "action" anahtarının "default_title" üyesini kullanın.
Geliştirici Araçları
DevTools Panels API'yi kullanarak Geliştirici Araçları'na özel paneller (Geliştirici Araçları'nda adı verilen sekmeler) ekleyebilirsiniz. Diğer Geliştirici Araçları API'leri, pencereleri ve ağ trafiğini izlemenize olanak tanır. Ayrıca Geliştirici Araçları kaydedici panelini de özelleştirebilirsiniz. Chrome Geliştirici Araçları panelimiz bir Geliştirici Araçları uzantısı olarak hayata geçti.
Bildirimler
Bildirimler API'si veya web platformları Bildirimler API'sini kullanarak iletileri bir kullanıcının sistem tepsisine gönderin.
Bildirimlerin nasıl kullanılacağını öğ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 Tema nedir? bölümüne bakın.
Kullanıcılarla etkileşim kurmanın diğer yolları
Bu bölümde, uzantınızın kullanıcılarla etkileşimde bulunabileceği diğer yöntemler açıklanmaktadır. Temel bir uzantı için çok gerekli olmasa da bunlar uzantınızın önemli birer parçası olabilir. Birçok kullanıcı için bu özelliklerden bazıları uzantıyı kullanırken kesinlikle gereklidir.
Erişilebilirlik
Birçok kullanıcı için erişilebilirlik, kelimenin tam anlamıyla kullanıcı arayüzüdür ve özellikleri, uzantınızla etkileşimde bulunmak için birincil yöntem olarak erişilebilirliğe ihtiyaç duymayan kullanıcılar için çoğu zaman yararlı olabilir. Temel bilgileri öğrenin uzantılarınızı erişilebilir hale getirmenin en iyi yolu.
Uluslararası hale getirme
Kullanıcılarla kendi dillerinde konuşun. Arayüzü uluslararası hale getirme hakkında bilgi edinin.