Rumah >hujung hadapan web >tutorial js >Bagaimanakah JavaScript Boleh Mengesan dan Memantau Status Ketersambungan Internet?

Bagaimanakah JavaScript Boleh Mengesan dan Memantau Status Ketersambungan Internet?

Patricia Arquette
Patricia Arquetteasal
2024-12-14 18:51:12821semak imbas

How Can JavaScript Detect and Monitor Internet Connectivity Status?

Memantau Status Ketersambungan Internet dalam JavaScript

Mengesan sambungan internet luar talian adalah penting untuk aplikasi web yang memerlukan akses rangkaian yang konsisten. Dalam JavaScript, sifat window.navigator.onLine dan acara dalam talian dan luar talian yang berkaitan menyediakan cara yang mudah untuk memantau status ketersambungan.

Mengesan Status Luar Talian:

Untuk mengesan status luar talian, anda boleh mengakses window.navigator.onLine sifat, yang mengembalikan nilai boolean yang menunjukkan sama ada pengguna disambungkan ke Internet.

window.addEventListener:

Anda juga boleh menggunakan window.addEventListener untuk mendengar Acara dalam talian dan luar talian. Apabila ketersambungan bertukar daripada dalam talian kepada luar talian, peristiwa luar talian akan dicetuskan dan begitu juga sebaliknya.

Contoh Kod:

Coretan kod berikut menunjukkan cara menggunakan kaedah ini:

console.log('Initially ' + (window.navigator.onLine ? 'on' : 'off') + 'line');

window.addEventListener('online', () => console.log('Became online'));
window.addEventListener('offline', () => console.log('Became offline'));

document.getElementById('statusCheck').addEventListener('click', () => console.log('window.navigator.onLine is ' + window.navigator.onLine));

Kod ini merekodkan status sambungan awal, mendengar berubah dan membolehkan anda menyemak status secara manual dengan mengklik butang.

Nota:

Ketersediaan kaedah ini mungkin berbeza-beza bergantung pada penyemak imbas dan platform.

Atas ialah kandungan terperinci Bagaimanakah JavaScript Boleh Mengesan dan Memantau Status Ketersambungan Internet?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn