Uygulama kısayollarıyla işlerinizi hızlıca tamamlayın

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.

François Beaufort
François Beaufort
GitHub
Jungkee Song
Jungkee Song
X GitHub

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.

Android'de açılan uygulama kısayolları menüsünün ekran görüntüsü
Android'de uygulama kısayolları menüsü açıldı
Windows'da açılan uygulama kısayolları menüsünün ekran görüntüsü
Windows'da uygulama kısayolları menüsü açıldı

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)
ziyaret edin.

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 ve sizes ö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

Geliştirici Araçları'ndaki uygulama kısayollarının ekran görüntüsü
Geliştirici Araçları'nda gösterilen uygulama kısayolları

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.

Tarayıcı Desteği

  • Chrome: 96..
  • Kenar: 96..
  • Firefox: Desteklenmez..
  • Safari: 17.4.

Kaynak

ChromeOS'te açılan bir uygulama kısayolları menüsünün ekran görüntüsü
ChromeOS'te uygulama kısayolları menüsü açıldı

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.