So erkennen Sie den Offline-/Online-Status mit JavaScript

Offline-Browsing-Technologie ist in den letzten zwei Jahren immer beliebter geworden. Am häufigsten werden mobile HTML5-Anwendungen verwendet, und auch viele gewöhnliche Web-Apps nutzen diese Technologien. Das Aufkommen neuer Technologien bereitet uns WEB-Entwicklern jedoch manchmal zusätzliche Probleme, z. B. wie lässt sich feststellen, ob der Benutzer online oder offline ist? Glücklicherweise ist dort, wo ein Speer ist, auch ein Schild. Das navigator-Objekt in JavaScript hilft uns, dieses Problem zu lösen.

Verwandte Lernempfehlungen: Javascript-Video-Tutorial

navigator.onLine

navigator.onLine Das Attribut kann uns einen Booleschen Wert liefern Wert, der verwendet wird, um zu bestimmen, ob der Benutzer mit dem Internet verbunden ist. So können Sie darauf zugreifen:

if(navigator.onLine) { // true|false
	// ...
}

Einfacher geht es nicht!

Ereignis

Zusätzlich zur Erkennung dieses Offline-/Online-Attributwerts können wir auch die Ereignisse offline und online binden:

function updateIndicator() {
	// 这时可以根据offline/online按钮的颜色
}

// 根据网络连接情况更新在线状态
window.addEventListener('online',  updateIndicator);
window.addEventListener('offline', updateIndicator);
updateIndicator();

Natürlich alt- Schultechnik Hier werden auch entsprechende Methoden bereitgestellt, wobei die Methoden body und ononline auf dem Tag onoffline verwendet werden.

Ich kann mir viele Orte vorstellen, an denen diese Veranstaltungen und Immobilien benötigt würden. Wenn der Benutzer beispielsweise arbeitet und die Netzwerkverbindung getrennt ist und unsere WEB-Anwendung diesen Status erkennen kann, kann das Schreiben des Benutzers im lokalen Webspeicher gespeichert und nach der Wiederherstellung des Netzwerks an den Server übermittelt werden Auf diese Weise hat die Trennung keinen Einfluss auf das Schreiben des Benutzers. Dies ist nur ein einfaches Beispiel. Ich glaube, Sie können sich noch mehr einfallen lassen.

Es ist zu beachten, dass diese API nicht so zuverlässig ist. Als Datensatz kann die älteste geplante Aktualisierungstechnologie verwendet werden.

Das obige ist der detaillierte Inhalt vonSo erkennen Sie den Offline-/Online-Status mit JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!