반응형
Let's see.... just imagine... If you can open any web pages with out internet connection.. Wow.. You don't need 3G,4G, WiFi and Internet connection though. You don't need to spend your money for internet service. That's cool..
Unfortunately there is no way to access remote web pages with out internet connection but I have a good news that you can open any web pages what you've opened before without Internet Connection. That is Application Cache.
If you use WiFi with your mobile. just open web pages what you want to see then you can reopen the pages out of the WiFi range.
Yes, It's becoming increasingly important for web-based applications to be accessible offline. Yes, all browsers have caching mechanisms, but they're unreliable and don't always work as you might expect. HTML5 addresses some of the annoyances of being offline with the ApplicationCache interface.
Using the cache interface gives your application three advantages:
Offline browsing - users can navigate your full site when they're offline
Speed - cached resources are local, and therefore load faster.
Reduced server load - the browser will only download resources from the server that have changed.
The Application Cache (or AppCache) allows a developer to specify which files the browser should cache and make available to offline users. Your app will load and work correctly, even if the user presses the refresh button while they're offline.
영어로 조금 길게 썼네요. HTML5에서 제공하는 Application Cache 기능은 오프라인 환경에서도 웹 페이지를 열어 볼 수 있도록 도와 줍니다.
물론 아무 페이지나 열어볼 수 있는 건 아니구요. 한번은 오픈해서 Application Cache에 저장이 된 웹 페이지에 한정 되겠죠.
이 기능은 Manifest file과 javaScript 인터페이스 두 부분에서 설정해 주시면 됩니다.
테스트하기가 조금 힘들긴 할텐데요.. 왜냐하면 HTML을 서버에 올려놓고 브라우저로 오픈하고, 인터넷이 안되는 환경에서 다시 열어보고 해야 되니까......
하여간 아래 제가 조금 수정한 HTML 파일 올립니다.
You can download below html file.
HTML5 Presentation
JS
cache.appcache:
as you can see above, you need include the manifest attribute on the document's html tag and javascript.
Click this if you want to know more details.
좀 더 자세한 사용법을 보시려면 여기를 클릭 하세요.
Unfortunately there is no way to access remote web pages with out internet connection but I have a good news that you can open any web pages what you've opened before without Internet Connection. That is Application Cache.
If you use WiFi with your mobile. just open web pages what you want to see then you can reopen the pages out of the WiFi range.
Yes, It's becoming increasingly important for web-based applications to be accessible offline. Yes, all browsers have caching mechanisms, but they're unreliable and don't always work as you might expect. HTML5 addresses some of the annoyances of being offline with the ApplicationCache interface.
Using the cache interface gives your application three advantages:
Offline browsing - users can navigate your full site when they're offline
Speed - cached resources are local, and therefore load faster.
Reduced server load - the browser will only download resources from the server that have changed.
The Application Cache (or AppCache) allows a developer to specify which files the browser should cache and make available to offline users. Your app will load and work correctly, even if the user presses the refresh button while they're offline.
영어로 조금 길게 썼네요. HTML5에서 제공하는 Application Cache 기능은 오프라인 환경에서도 웹 페이지를 열어 볼 수 있도록 도와 줍니다.
물론 아무 페이지나 열어볼 수 있는 건 아니구요. 한번은 오픈해서 Application Cache에 저장이 된 웹 페이지에 한정 되겠죠.
이 기능은 Manifest file과 javaScript 인터페이스 두 부분에서 설정해 주시면 됩니다.
테스트하기가 조금 힘들긴 할텐데요.. 왜냐하면 HTML을 서버에 올려놓고 브라우저로 오픈하고, 인터넷이 안되는 환경에서 다시 열어보고 해야 되니까......
하여간 아래 제가 조금 수정한 HTML 파일 올립니다.
You can download below html file.
HTML5ApplicationCache.html
Application Cache
cache.appcache:
Turn off your internet connection and refresh this page! 
Click this if you want to know more details.
좀 더 자세한 사용법을 보시려면 여기를 클릭 하세요.
반응형
'WEB_APP > HTML5' 카테고리의 다른 글
| HTML5 CSS Transform (Google) (0) | 2012.01.26 |
|---|---|
| HTML5 Transitions (-webkit-transition) (0) | 2012.01.20 |
| HTML5 Geolocation (구글 지도에 현위치 표시하기) (3) | 2012.01.19 |
| HTML5 Better semantic tags (0) | 2012.01.18 |
| HTML5 Speech Input (음성인식) API (0) | 2012.01.16 |
| HTML5 Storage 3 - IndexedDB - (0) | 2012.01.10 |
| HTML5 Storage 2 - Web SQL DB - (7) | 2012.01.10 |
| HTML5 Storage 1 - Web Storage - (2) | 2012.01.10 |
| HTML5로 게임 만들기 워밍업 (0) | 2012.01.08 |
| HTML5 Form 공부하기 -2- (3) | 2012.01.02 |