Halaman offline dasar untuk aplikasi web di Chrome Android

Aplikasi platform yang terinstal dapat diluncurkan bahkan saat offline. Dalam situasi ini, mereka sering menyertakan halaman yang memberi tahu pengguna bahwa akses internet tidak tersedia. Beberapa developer bahkan membuat serangkaian fitur lengkap yang dapat digunakan saat offline.

Dengan aplikasi web, kemampuan untuk bekerja secara offline menjadi lebih baru; hal ini dapat dilakukan dengan peluncuran Service Worker API. Selain itu, saat situs dapat diinstal, PWA menambahkan persyaratan untuk mendaftarkan pekerja layanan dan menerapkan metode fetch() agar aplikasi web dapat diinstal. Idenya adalah untuk memberikan insentif kepada developer untuk memberi pengguna setidaknya pemberitahuan bahwa aplikasi tidak dapat digunakan saat ini.

Kini developer tidak perlu melakukan apa pun untuk mendapatkan halaman offline default. Dari Chrome 109 di Android, browser akan otomatis membuat halaman yang memberi tahu pengguna saat mereka offline.

Jika aplikasi tidak menerapkan pengalaman offline kustom, saat pengguna sedang offline, halaman offline default akan menggunakan ikon aplikasi dan pesan Anda sedang offline. Seperti contoh di bawah ini.

Halaman offline default untuk contoh aplikasi web, dengan logo berupa lingkaran merah muda dan dua tanda plus, serta menyertakan pesan 'Anda sedang offline'.

Buka gangguan ini untuk melihat penerapan contoh sebelumnya.

Opsi untuk membuat halaman offline kustom sendiri masih tersedia. Video berikut menunjukkan cara menyajikan halaman kustom Anda, menggunakan Workbox, dengan satu baris kode.

Fitur ini tersedia di Android (Chrome 109) dan lingkungan desktop (Chrome 110). Jika Anda memiliki masukan, kirimkan kepada kami melalui formulir ini

Foto oleh Sten Ritterfeld di Unsplash