Comment JavaScript peut-il détecter et gérer les déconnexions Internet ?

Comment détecter une déconnexion Internet en JavaScript

Connaître le statut en ligne de vos utilisateurs est crucial pour offrir une expérience utilisateur fiable et réactive. JavaScript propose plusieurs méthodes pour détecter la perte de la connexion Internet.

La méthode la plus largement prise en charge utilise la propriété window.navigator.onLine. Cette propriété renvoie une valeur booléenne indiquant l'état en ligne actuel. Lorsque la connexion est établie, elle renvoie true ; sinon, il renvoie false.

Pour surveiller les changements dans l'état en ligne, vous pouvez écouter les événements en ligne et hors ligne déclenchés par l'objet fenêtre. Ces événements fournissent une fonction de rappel qui s'exécute lorsque la connexion est restaurée ou perdue, respectivement.

Exemple de code :

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

Une fois que vous avez détecté que la connexion Internet est hors ligne, vous pouvez mettre en œuvre les mesures appropriées pour gérer la situation, comme l'affichage d'un message d'erreur ou la fourniture d'un contenu alternatif. En tirant parti de ces techniques JavaScript, vous pouvez surveiller et répondre efficacement aux changements dans la connexion Internet de l'utilisateur.

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!