Comment puis-je détecter la connectivité Internet en JavaScript ?

Détection de la connectivité Internet en JavaScript

L'un des aspects essentiels du développement d'applications Web consiste à déterminer si l'utilisateur a accès à Internet, comme cela peut avoir un impact significatif sur la fonctionnalité de l'application. En JavaScript, il existe plusieurs méthodes pour déterminer la disponibilité de la connectivité Internet.

La méthode la plus largement prise en charge consiste à utiliser la propriété window.navigator.onLine. Cette propriété renvoie une valeur booléenne, vraie si l'utilisateur est en ligne et fausse s'il est hors ligne. De plus, les événements de fenêtre en ligne et hors ligne sont déclenchés lorsque l'état de la connectivité change, offrant ainsi une approche plus réactive.

Pour démontrer l'utilisation de window.navigator.onLine, considérez l'extrait de code suivant :

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

Dans cet extrait, nous générons un message initial indiquant l'état actuel de la connectivité et ajoutons des écouteurs d'événements pour gérer les événements en ligne et hors ligne, ce qui déclenchera les messages correspondants dans la console. De plus, un élément bouton est ajouté pour permettre les vérifications manuelles de la propriété 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!