Aşamalı Web Uygulamalarını Destekleyen En İyi 10+ Tarayıcı (2022 Güncellendi)
Yayınlanan: 2022-06-28Progressive Web Apps'in en hayati özelliklerinden biri, uyarlanabilir olmalarıdır; bu, tarayıcının ekran boyutu ve yetenekleriyle ilgili olarak her zaman mümkün olan en iyi deneyimi sunmaları anlamına gelir. Yine de, her tarayıcının yeteneklerini ve Aşamalı Web Uygulaması (PWA) özellikleriyle uyumluluğunu bilmek yine de faydalıdır. Aşağıda en popüler PWA destekli tarayıcıların ve uyumluluklarının bir listesi bulunmaktadır. Her şey aşağıdaki tabloda özetlenmiştir. Size hitap eden bir tarayıcı seçin ve ekran türü ve işletim sistemini göz önünde bulundurarak çeşitli işlevlerle uyumluluğunu inceleyin.
İçindekiler
PWA Destekli Tarayıcılar
Önde gelen web tarayıcı sağlayıcıları, bu uygulamaların son zamanlardaki popülaritesi nedeniyle PWA'ları desteklemek için sonraki sürümlerde özellik iyileştirmeleri eklemiştir. Aşağıda listelenen tarayıcılar ve sürümler uyumludur.
- Masaüstü tarayıcı (Tam Destek): Chrome, Firefox, Opera, Edge, Safari
- Masaüstü tarayıcı (Kısmi Destek/Eski Sürüm): QQ Tarayıcı, Baidu Tarayıcı
- Mobil tarayıcı (Tam Destek): Chrome, Firefox, Safari, UC Tarayıcı, Samsung İnternet, Mint Tarayıcı, Wechat
- Mobil tarayıcı (Kısmi Destek/Eski Sürüm): QQ Tarayıcı, Android Tarayıcı, Opera Mobile
PWA Tarayıcı Desteği | genel bakış |
Krom | Chrome en popüler tarayıcı olabilir (Apple cihazları hariç), ancak her yönden veya çoğu özellikte en iyisi değildir. Chrome'da bulunmayan özellikler vardır, ancak bunlar yerine Firefox, Opera veya Safari gibi diğer tarayıcılarda bulunur. Bu, Chrome'un iyi bir program olmadığı anlamına gelmez, ancak daha iyi seçenekler olduğunu bilmelisiniz. Mobil cihazlar için: Chrome'da, Edge'de olduğu gibi PWA'ları destekleyen sitelerin adres çubuğunda bir düğme görünür. Masaüstü cihazlar için: Chrome'da, PWA özelliğini tam olarak destekleyen siteler için ana Chrome menüsünde bir Uygulama yükle seçeneği görürsünüz. Bu seçeneği belirledikten sonra uygulama simgesi ana ekranınızda görünür. (PWA özelliklerine sahip olmayan alanlar için Ana Ekrana Ekle'yi seçebilirsiniz.) Uzun basma seçenekleri arasında yine de Kaldır seçeneği bulunur, ancak bunun altında, mağazada yüklü uygulamalar için mevcut olmayan Site Ayarları bulunur. |
Firefox | Açık kaynaklı bir proje olan Firefox, çeşitli web yeteneklerine öncülük etti ve arkasındaki şirket, çevrimiçi gizliliğin sesli bir destekçisi oldu. Ayrıca mevcut çok sayıda uzantıyla ünlüdür. Firefox birkaç PWA API'sini desteklese de, bunları uygulama benzeri bir deneyime sahip bağımsız bir sistem uygulaması olarak yükleyemez. Firefox'un Android sürümü PWA'yı desteklerken masaüstü sürümü desteklemez. Öte yandan Mozilla, Siteye Özgü Tarayıcı aracılığıyla destek sağlamaya çalıştı. Android cihazlarda: Firefox'ta PWA siteleri için basit bir Yükleme seçeneği mevcuttur. Bu seçeneğe dokunduğunuzda Ekrana Ekle iletişim kutusu görünür. Firefox tarafından oluşturulan PWA'lar için ana ekran simgelerinde birincil uygulama logosunun sağ alt kısmında küçük turuncu bir Firefox amblemi görünür. Chrome'da üretilenlerin aksine daha gerçek bir uygulama deneyimi için Site Ayarları seçeneğini görmezsiniz. |
Safari | Masaüstü cihazlar için: PWA'ları macOS'a yüklemek, Windows'takiyle aynıdır, ancak varsayılan Safari'nin bir siteyi PWA yapma yolu yoktur. Launchpad'de yeni programınız görünür ancak Applications Finder klasöründe görünmez. Mobil aygıtlar için: iOS ve iPadOS'ta Apple, Safari'nin yalnızca PWA'lar oluşturmasına izin verir; üçüncü taraf tarayıcılar hariçtir. PWA'ları etkinleştiren diğer tarayıcıların aksine Safari, yükleme ve uygulama terimlerini kullanmaz. iOS veya iPad'inizin ana ekranına bir tane eklemek için PWA özellikli bir siteye gidin, sayfanın altındaki Yukarı Paylaş okuna dokunun ve Ana Ekrana Ekle'yi seçin. Bunu herhangi bir web sitesi ile yapabilirsiniz, ancak gerçek bir PWA'nın sağladığı çevrimdışı yetenekleri elde edemezsiniz. |
Kenar | PWA'ları Microsoft'un masaüstü işletim sistemine yüklemeye en çok varsayılan Windows web tarayıcısı olan Edge ile erişilebilir. Bunun nedeni, uygulamayı geleneksel yöntemle (indirilen bir program yükleyiciyle veya Microsoft Store uygulamasından) yüklediğiniz diğer uygulamalarla aynı şekilde Başlat menünüze eklemesidir. |
Opera | Opera, 1995 yılında piyasaya sürüldü ve onu en eski web tarayıcılarından biri haline getirdi. Opera'nın özel kullanıcı tabanı, aksi takdirde uzantılar ve bağımsız uygulamalarla sınırlı olacak çok çeşitli yetenekleri entegre etme yeteneği sayesinde büyüdü. Android için Opera 32 artık PWA – Ana Ekrana Ekle uyumluluğu ile kullanılabilir. Bir dizi hata düzeltmesi, kararlılık geliştirmesi ve optimum uyumluluk ve güvenlik (veya en azından mobil cihazlarda görüntülenen web). |
QQ Tarayıcı | 2000 yılında piyasaya sürüldüğünde QQ Browser'ın adı Tencent Explorer'dı. WebKit ve Trident olmak üzere iki motor kullanması bu tarayıcıyı diğerlerinden ayırıyor. Geçmişte PWA'yı destekliyordu, ancak yeni sürüm için öyle değil. |
Baidu Tarayıcı | Baidu Tarayıcı, kişisel kullanıcı verilerini şifreleme olmadan veya kolayca çözülebilir şifreleme olmadan Baidu sunucularına gönderebilen Windows ve Android için ücretsiz bir web tarayıcısıdır. Ayrıca, düşük kaliteli Android cihazlar için kaynaklar açısından en hafif tarayıcıdır ve yazılım güncellemeleri sırasında ortadaki adam saldırıları yoluyla rastgele kod yürütülmesine karşı savunmasızdır. |
UC Tarayıcı | UC Tarayıcı, esas olarak mobil cihazlar için tasarlanmış bir çapraz platform web tarayıcısıdır. Minimal uygulama boyutu ve veri sıkıştırma teknolojileri ile dikkat çekiyor ve bu da onu, kullanıcıların daha az cihaz belleğine ve daha yavaş internet hızına sahip telefonlara sahip olduğu gelişmekte olan pazarlarda popüler hale getirdi. Bulut hızlandırma, çoklu dosya formatı indirme, HTML5 web uygulaması ve bulut senkronizasyon özellikleri ve aynı anda birçok parça halinde dosya indiren “hızlı indirme” özelliği de tarayıcının diğer özellikleri arasında yer alıyor. |
Samsung internet | Bu, her Samsung cep telefonunda varsayılan ve önceden yüklenmiş tarayıcıdır. Chrome ve Microsoft Edge çalıştıran Chromium projesine dayanmaktadır. Samsung akıllı telefonlar, standart Android deneyimine bir alternatif sunuyor. Bir PWA sitesini ziyaret ederseniz, tarayıcınız bir rozet görüntüler. Google E-Tablolar'ı veya başka bir Web Uygulamasını sık kullanıyorsanız, Tarayıcı size en olağanüstü web uygulaması deneyimini sağlayacaktır. |
Nane Tarayıcı | Android telefonlar için en önemli web tarayıcılarından biri Mint Browser'dır. Tek bir kompakt kutuda olağanüstü hız, gizlilik ve güvenlik elde edersiniz. Kullanıcı deneyimine üst düzey teknolojiye değer verdiğinizde, 10 MB'lık uygulama bir cankurtarandır. Mint Browser, güvenli gezinmeyi sağlamak ve tüm kullanıcılara birinci sınıf güvenlik hizmetleri ve ürünleri sağlamak için çeşitli güvenlik mekanizmalarına sahiptir. Kullanıcıların verilerini Xiaomi ile paylaşma üzerindeki kontrolünü daha da güçlendirmek için mevcut yükseltme, tüm kullanıcılara gizli modda toplu veri toplamayı açma/kapatma seçeneği sunuyor. |
Aylık 1 milyardan fazla kullanıcıya sahip WeChat, Çin'in en popüler mesajlaşma programıdır. Bir sohbet servisi olarak başlamış olsa da, ödeme yapmanıza, taksi çağırmanıza ve hatta uçuş rezervasyonu yapmanıza izin veren bir uygulamaya dönüştü. Ancak, Çin'de ikamet etmiyorsanız, muhtemelen kullanmış olamazsınız. |
PWA Desteklenmeyen Tarayıcılar
Angular 6 veya PWA'lar için gereken özel öğeleri aktif olarak desteklemeyen belirli tarayıcılar da vardır.
- Microsoft Edge şu anda bu tarayıcıda desteklenmek üzere PWA'ların uygulama mağazalarında bulunmasını zorunlu kılıyor.
- Masaüstünde Safari ve Firefox, PWA kurulumunu desteklemez. Çevrimdışı yetenekleri desteklerler, ancak deneyim her zaman tarayıcı kullanıcı arayüzünde başlar. Tam ekran olabilir, ancak masaüstünde asla bağımsız bir pencere olmaz.
Kullanıcıların Deneyimini Destekleyen Temel PWA Özellikleri
- Arka planda senkronizasyon
Bu işlev, web sitesindeki verileri düzenli olarak yeniler. Kullanıcılar her zaman en güncel bilgilere erişebilecekler.
- Web Push bildirimi
Servis çalışanlarının arka planda performans gösterme yeteneği, bu yeteneği sağlar. Kullanıcılar, ana ekranlarındaki hatırlatıcıya dokunarak web sitesine erişebilir.
- Çevrimdışı mod
Tarayıcıya yüklendikten sonra, çevrimdışı erişilebilirlik, uygulama dosyalarının önbelleğe alınmasını yönetir, ağ isteklerini yakalar ve ardından ağın kullanılabilir olup olmamasına bağlı olarak uygun eylemi gerçekleştirir.
Bu özellik, uygulamaya bağlantı olmadan erişilmesini sağlar ve daha iyi bir kullanıcı deneyimi sağlar. İnternet bağlantısı mevcut olsa bile, belirli dosyaların web sunucusundan yüklenmesi gerekmez, çünkü bunlar zaten yerel olarak kaydedilir.
- Ana ekrana ekle
Bu PWA özelliği, web sitesinin mobil cihazlara yüklenmesini mümkün kılar. Kullanıcıların bağlantıyı tekrar yazmak yerine simge rozetine dokunarak siteye hızlı bir şekilde ulaşabilmeleri için ekranda bir kısayol oluşturur. Bu özelliğe tüm tarayıcılarda erişilebilir.
- Ana ekran/Açılış ekranı
PWA'ların bir diğer benzersiz yanı, bir tarayıcıda çalışmasına rağmen, doğrudan kullanıcının ana ekranına yerleştirilebilmeleri ve sürükleyici, tam ekran bir deneyim sunabilmeleridir.
iOS dışındaki tüm tarayıcılar, bir web sitesinin yüklenmesini beklerken kaygıyı azaltmaya yardımcı olan bu özelliği etkinleştirir.
- coğrafi konum
Geolocation API, uygulama kullanıcısının coğrafi konumu hakkındaki bilgilere erişmek ve konumunun bulunmasına izin vermek için kullanılabilir (kullanıcının izniyle). Ayrıca, kullanıcıyı izlemenize ve konumu değiştiğinde bildirim almanıza olanak tanır.
- Video ve Görüntü yakalama
Bugün, "Medya Yakalama API'si", Web Uygulamalarına cihazlardan (kamera ve mikrofon) gelen ses ve video girişlerine doğrudan erişim sağlar. Web Uygulaması, bu beslemeleri okumanıza ve yönetmenize olanak tanır. Sonuç olarak, örneğin tarayıcıdan çıkmadan bir resim çekebilir veya bir video kaydedebilirsiniz.
Çözüm
Dünyadaki hemen hemen her tarayıcı sistemi bir şekilde PWA'yı destekler. iOS'ta PWA tam olarak desteklenmese de, tarayıcı engelleri ortadan kaldırmaya ve bazı PWA özelliklerinin Apple aygıtlarında çalışmasına izin vermeye başlıyor.
Bu, dünya çapındaki tarayıcıların PWA'ların yerel uygulamalarla aynı potansiyele sahip olduğunu düşündüklerini ve kullanıcıların deneyimlerini iyileştirmek için daha inanılmaz destek sağlamaya başladıklarını gösterebilir.
Şirketiniz için bir PWA sitesi kurmak üzereyseniz ve yasal bir PWA web geliştirme ajansı arıyorsanız, Tigren en iyi seçiminizdir.
Birçok işletmenin ihtiyaçlarını karşılayan başarılı PWA projeleri oluşturduk. Ekibimiz, müşteriler için en iyi sonuçları sunmaya çalışmaktadır. Daha fazla bilgi için [email protected] adresinden bize bir mesaj bırakın.