Chrome 개발자 채널의 navgator.onLine
bookmark_borderbookmark
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
HTML5의 오프라인 API를 사용하면 사용자에게 완벽한 오프라인 환경을 제공하지 못할 이유가 없습니다. 이 스토리에 도움이 되는 한 가지는 최근 Chrome 개발자 채널에 도입된 기능인 navigator.onLine
속성입니다. 이 속성은 앱에 네트워크 연결이 있는지 여부에 따라 true
또는 false
를 반환합니다.
if (navigator.onLine) {
console.log('ONLINE!');
} else {
console.log('Connection flaky');
}
웹 앱은 online
및 offline
이벤트를 수신 대기하여 연결을 다시 사용할 수 있는 시점 또는 앱이 오프라인 상태가 되는 시점을 확인할 수도 있습니다.
window.addEventListener('online', function(e) {
// Re-sync data with server.
}, false);
window.addEventListener('offline', function(e) {
// Queue up events for server.
}, false);
작동하는 데모를 http://html5-demos.appspot.com/static/navigator.onLine.html에 게시했으며 오프라인 이벤트에 관한 자세한 내용은 MDN에서 확인할 수 있습니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2011-06-23(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2011-06-23(UTC)"],[],[]]