Deteksi Status Koneksi Internet Di Browser

Halo semuanya 👋

Pada artikel ini, kita akan mempelajari bagaimana kita dapat mendeteksi status koneksi internet di situs kita.

Ini bisa sangat berguna untuk meningkatkan pengalaman pengguna dengan menampilkan pesan makanan ringan atau pop-up saat browser tidak dapat terhubung ke internet.

Penerapan

Kita bisa mendapatkan status koneksi saat ini dengan menggunakan window.navigator.onLine , yang akan mengembalikan nilai boolean

  • true jika terhubung.
  • false jika tidak terhubung.
 const online = window . navigator . onLine ; if ( online ) { // Is connected to internet } else { // Not connected to internet }

Jika browser tidak mendukung window.navigator.onLine , contoh di atas akan selalu ditampilkan sebagai false atau undefined .

Pemroses Perubahan Status Koneksi

Kami juga dapat mendeteksi status koneksi dengan mendengarkan peristiwa perubahan status jaringan, yaitu online dan offline .

 window . addEventListener ( ' offline ' , function ( e ) { // Network disconnected } ); window . addEventListener ( ' online ' , function ( e ) { // Network connected } );

Penerapannya sangat mudah, tetapi ada beberapa kasus sampingan yang mungkin memberikan hasil positif palsu.

  • Komputer terhubung ke hotspot seluler, tetapi internet seluler tidak berfungsi maka Anda juga bisa mendapatkan status online

  • Komputer menjalankan perangkat lunak virtualisasi yang memiliki adaptor ethernet virtual yang selalu "tersambung".

Awalnya diterbitkan di blog.bibekkakati.me

Terima kasih telah membaca 🙏

Jika Anda menikmati artikel ini atau merasa terbantu, beri acungan jempol 👍

Jangan ragu untuk terhubung 👋

Twitter | Instagram | LinkedIn

Jika Anda menyukai pekerjaan saya dan ingin mendukungnya, Anda dapat melakukannya di sini. Saya akan sangat menghargainya.



May 12, 2021

codeorayo

Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com

Leave a Reply

Your email address will not be published. Required fields are marked *