Comment JavaScript peut-il détecter et surveiller l'état de la connectivité Internet ?

Surveillance de l'état de la connectivité Internet en JavaScript

La détection des connexions Internet hors ligne est cruciale pour les applications Web qui nécessitent un accès réseau cohérent. En JavaScript, la propriété window.navigator.onLine et ses événements online et offline offrent un moyen pratique de surveiller l'état de la connectivité.

Détection du statut hors ligne :

Pour détecter le statut hors ligne, vous pouvez accéder au Propriété window.navigator.onLine, qui renvoie une valeur booléenne indiquant si l'utilisateur est connecté à Internet.

window.addEventListener:

Vous pouvez également utiliser window.addEventListener pour écouter le Événements en ligne et hors ligne. Lorsque la connectivité passe de en ligne à hors ligne, l'événement hors ligne se déclenche, et vice versa.

Exemple de code :

L'extrait de code suivant illustre comment utiliser ces méthodes :

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));

Ce code enregistre l'état de connectivité initial, écoute les modifications et vous permet de vérifiez manuellement l'état en cliquant sur un bouton.

Remarque :

La disponibilité de ces méthodes peut varier en fonction du navigateur et de la plate-forme.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!