Halaman offline dasar untuk aplikasi web di Chrome Android

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

Dengan aplikasi web, kemampuan untuk bekerja secara offline menjadi lebih baru; hal ini dimungkinkan 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 memberikan setidaknya pemberitahuan kepada pengguna bahwa aplikasi tidak dapat digunakan saat ini.

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

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

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

Buka glitch ini untuk melihat cara kerja 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 lingkungan Android (Chrome 109) dan desktop (Chrome 110). Jika Anda memiliki masukan, kirimkan melalui formulir ini

Foto oleh Sten Ritterfeld di Unsplash