Comment puis-je détecter l'état de la connexion Internet hors ligne en JavaScript ?

Comment déterminer si la connexion Internet est hors ligne en JavaScript

La détection de la connectivité Internet en JavaScript est un aspect crucial pour garantir une expérience utilisateur fluide pour les applications Web. Il existe différentes approches pour y parvenir, mais l'une des méthodes les plus efficaces consiste à utiliser la propriété window.navigator.onLine.

La propriété window.navigator.onLine indique si l'appareil dispose d'une connexion Internet active. Sa valeur est booléenne, où true représente une connexion en ligne et false représente une connexion hors ligne. Pour déterminer l'état actuel du réseau, accédez simplement à cette propriété.

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

De plus, vous pouvez vous abonner aux événements en ligne et hors ligne pour être averti chaque fois que l'état du réseau change.

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

Pour vérifier manuellement l'état actuel du réseau à la demande, vous pouvez créer un bouton qui déclenche l'évaluation de la propriété window.navigator.onLine.

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

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!