Progresif Web Uygulaması çevrimdışı destek algılamasını iyileştirme

Penny McLachlan
Penny McLachlan

Progresif Web Uygulamaları (PWA), mobil ve harici cihazlar için web teknolojisini kullanarak modern, masaüstü cihazlarla uyumlu.

Modern bir web deneyimi oluşturmanın kriterlerinden biri, PWA'ların yaratılması da tesadüf olarak, cihaz olsa bile uygulamanın çalışmaya devam etmesi çevrimdışı. Yani, kullanıcı ağı kaybederse Chrome Dinozor ekranı görünmez. erişimine sahip olabilir.

Tüm PWA ölçütlerinin amacı, kullanıcıların yüksek bir rekabeti deneyimi yaşayabilirsiniz. Chrome gerçekleştirir yüklemeyi etkinleştirmeden önce PWA ölçütleri ile karşılaştırarak kontrol eder olanaklarından bahsedeceğiz.

Yalnızca tüm temel çekirdekleri karşılayan uygulamalar Destek dahil olmak üzere Progresif Web Uygulaması yüklenebilirlik ölçütleri çevrimdışı mod için Chrome'dan cihaza yüklenebilir.

Önceki çevrimdışı algılama mantığı

Çevrimdışı desteğin doğrulanması, PWA yüklenebilirliği kapsamında birkaç yıl sürecek. Yakın zamana kadar, Chrome'da hizmet çalışanı aracılığıyla istekleri simüle etme olanağı sağlar. Böylece, doğru bir çevrimdışı davranış sergilenmesi mümkün değildi.

Hizmet çalışanı diyagramı

Bu, Chrome'un, fetch öğesinin etkinlik işleyici, çevrimdışı kontrol sırasında HTTP 200 ile geçerli bir kaynak döndürdü. Chrome yalnızca hizmet çalışanının gerçekten bir fetch işleyicisinin olup olmadığını kontrol etti.

Çevrimdışı algılama mantığı güncellendi

Chrome 89 sürümünde, simüle edilmiş çevrimdışı istekleri çevrimdışı algılama mantığının kullanıcılara daha iyi yansıtılabilmesini uygulamanın gerçek çevrimdışı desteği.

Bu yeni olanağı, PWA'ların geçerli bir sorgu sağladığından emin olmak için kullanmayı ancak bu planları beklemeye koyduğunuzu varsayalım. Yüklenebilirlik kontrolü sayfada fetch etkinlik işleyici.

Bu durum geliştiriciler için ne anlama geliyor?

Şu anda herhangi bir değişiklik gerekmese de çünkü geçerli bir sitenin geçerli olup olmadığını kontrol etmek için güncellenmiş mantığı kullanmayı devam edebilir.

Ne tür bir çevrimdışı deneyim sunmak istediğinize siz karar verirsiniz. Bunların bir ucunda tamamen işlevsel bir çevrimdışı deneyim var. Bunun anlamı şudur: gerekli tüm kaynakları ve verileri önbelleğe alabilir ve verileri, sunucu. Kaynakları önbelleğe almak, Önemli web önemli metriklerini indirme ihtiyacını ortadan kaldırdığı için ağdaki tüm kaynakları kullanabilir. Yelpazenin diğer ucunda ise özel çevrimdışı yedek sayfa.

Reklam öğesinin altında gösterilen uyarı Geliştirici araçlarının Sorunlar sekmesi, Chrome 90 sürümüne yakın bir tarihte kaldırılacaktır.