Uygulama kısayolları, kullanıcıların sık ihtiyaç duyduğu bazı yaygın işlemlere hızlı bir şekilde erişebilmenizi sağlar.
Kullanıcıların temel görevlerle yeniden etkileşimi kolaylaştırmanın yanı sıra, web platformu artık uygulama kısayollarını destekliyor. Web geliştiricilerinin, uygulama içi envanter kullanıcıların sık ihtiyaç duyduğu birkaç yaygın işleme hızlı erişim.
Bu makalede uygulama kısayollarını nasıl tanımlayacağınız açıklanmaktadır. Ayrıca, bununla ilgili bazı en iyi uygulamaları öğreneceksiniz.
Uygulama kısayolları hakkında
Uygulama kısayolları, kullanıcıların web uygulaması. Uygulama simgesinin gösterildiği her yerden bu görevlere kolayca erişebilirsiniz. daha iyi hale getirmek için bir yandan da web'deki etkileşimlerini artırırken uygulamasını indirin.
Uygulama kısayolları menüsü, görev çubuğundaki uygulama simgesi sağ tıklandığında çağrılır (Windows) veya yuvaya yerleştir (macOS) ya da & uygulamanın başlatıcı simgesine dokunun.
Uygulama kısayolları menüsü yalnızca aşağıdaki Progresif Web Uygulamaları (Progresif Web Uygulamaları) için gösterilir. Kullanıcının masaüstü veya mobil cihazında yüklü olması Yükleme sayfasına göz atın. "PWA'yı Öğrenin" modülünü kullanabilirsiniz.
Her uygulama kısayolu, her biri bir kullanıcı niyetiyle ilişkilendirilen Web uygulamanızın kapsamı dahilindeki URL. Kullanıcı etkinleştirdiğinde URL açılır. uygulama kısayolu. Uygulama kısayollarına örnek olarak aşağıdakiler verilebilir:
- Üst düzey gezinme öğeleri (ör. ana sayfa, zaman çizelgesi, son siparişler)
- Arama
- Veri girişi görevleri (ör. e-posta veya tweet oluşturma, makbuz ekleme)
- Etkinlikler (ör. en popüler kişilerle sohbet başlatma)
Web uygulaması manifest dosyasında uygulama kısayollarını tanımlayın
Uygulama kısayolları, isteğe bağlı olarak web uygulaması manifest'inde tanımlanır. Bu JSON dosyası,
tarayıcıya web uygulamanız hakkında bilgi verir ve
Kullanıcının masaüstü veya mobil cihazında yüklü olması Daha net ifade etmek gerekirse,
shortcuts
dizi üyesinde tanımlandı. Aşağıda bir
örneğini görebilirsiniz.
{
"name": "Player FM",
"start_url": "https://player.fm?utm_source=homescreen",
…
"shortcuts": [
{
"name": "Open Play Later",
"short_name": "Play Later",
"description": "View the list of podcasts you saved for later",
"url": "/play-later?utm_source=homescreen",
"icons": [{ "src": "/icons/play-later.png", "sizes": "192x192" }]
},
{
"name": "View Subscriptions",
"short_name": "Subscriptions",
"description": "View the list of podcasts you listen to",
"url": "/subscriptions?utm_source=homescreen",
"icons": [{ "src": "/icons/subscriptions.png", "sizes": "192x192" }]
}
]
}
shortcuts
dizisinin her üyesi, en az bir
name
ve url
. Diğer üyeler isteğe bağlıdır.
name
- Aşağıdaki durumlarda uygulama kısayolunun kullanıcılar tarafından okunabilen etiketi kullanıcıya gösterilir.
short_name
(isteğe bağlı)- Alanın sınırlı olduğu yerlerde kullanılan, kullanıcıların okuyabileceği etiket. Bu işlem önerilir her ne kadar veri analizi yapmanıza isteğe bağlıdır.
description
(isteğe bağlı)- Uygulama kısayolunun kullanıcılar tarafından okunabilir amacı. Yazıldığı sırada kullanılmaz ancak yardımcı teknolojilere maruz kalabilir daha da iyi hale gelecektir.
url
- Kullanıcı uygulamayı etkinleştirdiğinde açılan URL kısayolunu görürsünüz. Bu URL, web uygulaması manifestinin kapsamında olmalıdır. Eğer bir göreli URL içeriyorsa, temel URL, web uygulaması manifestinin URL'si olur.
icons
(isteğe bağlı)Görüntü kaynağı nesneleri dizisi. Her nesne
src
vesizes
özelliğini içermelidir. Web uygulaması manifesti simgelerinden farklı olarak,type
resim isteğe bağlıdır. SVG dosyaları, yazma işlemi sırasında desteklenmemektedir. Bunun yerine PNG kullanın.Piksel mükemmelliğinde simgeler istiyorsanız bunları 48 dp'lik artışlarla (yani 36x36, 48x48, 72x72, 96x96, 144x144, 192x192 piksel simgeler). Aksi takdirde 192x192 piksel boyutunda tek bir simge kullanın.
Bir kalite ölçüsü olarak simgeler, cihazdaki ideal boyutun en az yarısı kadar olmalıdır. Android, 48 dp. Örneğin, bir xxhdpi ekranda görüntülemek için simge en az 72 x 72 piksel olmalıdır. (Bu, piksel birimleri için dp birimlerini dönüştürme formülü.)
Uygulama kısayollarınızı test edin
Uygulama kısayollarınızın doğru şekilde oluşturulduğundan emin olmak için Google Play'deki Manifest Geliştirici Araçları'nın Uygulama paneli
Bu bölme, manifest dosyanızdaki çoğu dosyanın, özellikleri hakkında daha fazla bilgi edinin. Tüm bu bilgilerin doğru olup olmadığını sağlanmışsa kısayol simgeleri düzgün bir şekilde yükleniyor.
Aşamalı simgesi nedeniyle uygulama kısayolları tüm kullanıcılara hemen sunulmayabilir Web Uygulaması güncellemeleri günde bir defayla sınırlıdır. Daha fazla bilgi: Chrome'un, web uygulaması manifest dosyasındaki güncellemeleri işleme şekli.
En iyi uygulamalar
Uygulama kısayollarını önceliğe göre sıralayın
Kısayollar, manifest'te tanımlandıkları sırayla görüntülenir. Uygulama kısayollarını öncelik sırasına göre sıralamanız önerilir, çünkü Görüntülenen uygulama kısayollarının sayısı platforma göre değişir. Chrome ve Edge açık Örneğin Windows, uygulama kısayollarının sayısını 10 ile sınırlandırırken, Chrome'da Yalnızca Android ekran 3. Android 7 için Chrome 92'den önce 4 sürümüne izin veriliyordu. Krom 92, mevcut kısayollardan birini kullanarak site ayarlarına bir kısayol ekledi erişim izni verebilirsiniz.
Ayrı uygulama kısayolu adları kullanın
Uygulama kısayollarını ayırt etmek için simgelere güvenmemelisiniz. her zaman görünür olması gerekir. Örneğin, macOS yuvadaki simgeleri desteklemiyor Kısayollar menüsü. Her uygulama kısayolu için farklı adlar kullanın.
Uygulama kısayollarının kullanımını ölçme
Uygulama kısayolları url
girişlerine aşağıdaki gibi ek açıklamalar ekleyin.
Analiz için start_url
(ör. url:
"/my-shortcut?utm_source=homescreen"
).
Tarayıcı desteği
Uygulama kısayolları, aşağıda listelenen platformlarda ve sürümlerde kullanılabilir.
Güvenilir Web Etkinliği desteği
Güvenilir Web kullanan Android uygulamaları oluşturmak için önerilen araç olan BubbleWrap Etkinlik, web uygulaması manifestinden uygulama kısayollarını okur ve otomatik olarak Android uygulaması için ilgili yapılandırmayı oluşturur. Simgelerin gibi uygulama kısayolları gereklidir ve en az 96x96 piksel boyutunda olmalıdır. Baloncuklu.
PWABuilder, progresif web uygulamasını (pwa) kolayca güvenilir uygulamaya dönüştürmek için harika bir araçtır Web Etkinliği, bazı uyarılarla birlikte uygulama kısayollarını destekler.
Güvenilir Web Etkinliği'ni Android uygulamalarına manuel olarak entegre eden geliştiriciler için Android uygulaması kısayolları da aynı ve bunları kontrol etmenizi sağlar.
Örnek
Uygulama kısayolları örneğini ve kaynağı inceleyin.