navigator.onLine in Chrome Dev-kanaal
bookmark_borderbookmark
Stay organized with collections
Save and categorize content based on your preferences.
Met de offline API's in HTML5 is er geen excuus meer om gebruikers geen vlekkeloze offline ervaring te bieden. Eén ding dat dit verhaal kan helpen is de eigenschap navigator.onLine
; een functie die onlangs in het Chrome-ontwikkelaarskanaal is beland. Deze eigenschap retourneert true
of false
afhankelijk van of de app al dan niet een netwerkverbinding heeft:
if (navigator.onLine) {
console.log('ONLINE!');
} else {
console.log('Connection flaky');
}
Een webapp kan ook luisteren naar online
en offline
gebeurtenissen om te bepalen wanneer de verbinding weer beschikbaar is of wanneer een app offline gaat:
window.addEventListener('online', function(e) {
// Re-sync data with server.
}, false);
window.addEventListener('offline', function(e) {
// Queue up events for server.
}, false);
Ik heb een werkende demo gepost op http://html5-demos.appspot.com/static/navigator.onLine.html en meer informatie over offline evenementen is te vinden in de MDN .
Tenzij anders vermeld, is de content op deze pagina gelicentieerd onder de Creative Commons Attribution 4.0-licentie en zijn codevoorbeelden gelicentieerd onder de Apache 2.0-licentie. Voor meer informatie raadpleegt u het Google Developers-sitebeleid. Java is een gedeponeerd handelsmerk van Oracle en/of diens aangesloten entiteiten.
Last updated 2011-06-23 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Translation issue","translationIssue","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2011-06-23 UTC."],[],[]]