Progresif Web Uygulamaları (PWA'lar), web teknolojisi kullanılarak oluşturulmuş modern, yüksek kaliteli uygulamalardır. PWA'lar iOS/Android/masaüstü uygulamalarına benzer özellikler sunar, kararsız ağ koşullarında bile güvenilirdir ve yüklenebilir olmaları kullanıcıların bu uygulamaları bulup kullanmasını kolaylaştırır.
Kullanıcıların çoğu, uygulama yükleme ve yüklü deneyimin avantajları hakkında bilgi sahibidir. Yüklü uygulamalar, işletim sisteminin başlatma yüzeylerinde (ör. Mac OS X'teki Uygulamalar klasörü, Windows'taki Başlat menüsü ve Android ile iOS'teki ana ekran) gösterilir. Yüklü uygulamalar etkinlik değiştiricide, Spotlight gibi cihaz arama motorlarında ve içerik paylaşımı sayfalarında da gösterilir.
Çoğu tarayıcı, belirli ölçütleri karşılayan Progresif Web Uygulamanızın (PWA) yüklenebileceğini kullanıcıya gösterir. Örnek göstergelerden bazıları, adres çubuğundaki Yükle düğmesi veya taşma menüsündeki Yükle menü öğesidir.


Ayrıca, ölçütler karşılandığında birçok tarayıcı bir beforeinstallprompt
etkinliği tetikler. Bu sayede, uygulamanızda yükleme akışını tetikleyecek özel bir uygulama içi kullanıcı deneyimi sağlayabilirsiniz.
Yükleme ölçütleri
Chrome'da, progresif web uygulamanız beforeinstallprompt
etkinliğini tetikleyip tarayıcı içi yükleme promosyonunu göstermeden önce aşağıdaki ölçütleri karşılamalıdır:
- Web uygulaması yüklü değil
- Kullanıcı etkileşimi kurallarına uygun olmalıdır:
- Kullanıcının sayfayı en az bir kez tıklaması veya sayfaya dokunması gerekir (önceki bir sayfa yükleme sırasında bile herhangi bir zamanda)
- Kullanıcının sayfayı (herhangi bir zamanda) en az 30 saniye boyunca görüntülemesi gerekir.
- HTTPS üzerinden sunulmalıdır.
- Aşağıdakileri içeren bir web uygulaması manifesti içerir:
short_name
veyaname
icons
: 192 piksel ve 512 piksel boyutunda bir simge içermelidir.start_url
display
:fullscreen
,standalone
,minimal-ui
veyawindow-controls-overlay
olmalıdır.prefer_related_applications
mevcut olmamalı veyafalse
olmalıdır
Diğer tarayıcılarda da yüklemeyle ilgili benzer ölçütler olsa da küçük farklılıklar olabilir. Ayrıntılı bilgi için ilgili siteleri kontrol edin: