Suatu saat kita akan membuat aplikasi yang membutuhkan distribusi konten melalui internet, aplikasi web tentunya. Ketika pengguna memakai aplikasi tersebut, hal terbaik yang patut disematkan adalah menggunakan fitur yang menampilkan apakah kondisi internet dalam posisi online atau mungkin offline. Untuk menyematkan fitur tersebut, HTML5 telah mempunyai fitur untuk menanganinya.
HTML5 Online Navigator
Fitur HTML5 ini bernama Navigator Online. Dimana implementasinya cukup mudah diikuti dan sangat baik jika dipakai untuk aplikasi web. Dalam tutorial ini, saya menggunakan browser Mozilla Firefox yang telah support untuk fitur Navigator Online HTML5.
Tutorial
- Buka folder localhost Anda, dan buat folder baru bernama “html5online” (opsional),
- Buat file bernama index.html. Tulis kode berikut :
Setelah membuat file index.html tersebut, Anda bisa membuka browser Firefox lalu mencoba dengan mengatur settingan online atau offline koneksi internet. Pengaturan ini terletak di menu File, lalu centangi Work Offline untuk offline dan hilangkan centang Work Offline untuk kembali ke kondisi online.
Saya menyarankan Anda untuk menggunakan browser Mozilla Firefox ketika membuat tutorial atau menjalankan demo HTML5 online navigator ini.