반응형
블로그 이미지
개발자로서 현장에서 일하면서 새로 접하는 기술들이나 알게된 정보 등을 정리하기 위한 블로그입니다. 운 좋게 미국에서 큰 회사들의 프로젝트에서 컬설턴트로 일하고 있어서 새로운 기술들을 접할 기회가 많이 있습니다. 미국의 IT 프로젝트에서 사용되는 툴들에 대해 많은 분들과 정보를 공유하고 싶습니다.
솔웅

최근에 받은 트랙백

글 보관함

HTML5 Storage 4 - Application Cache -

2012. 1. 10. 07:13 | Posted by 솔웅


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

Application Cache


cache.appcache:

Turn off your internet connection and refresh this page!


 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.

좀 더 자세한 사용법을 보시려면 여기를 클릭 하세요.


반응형

Comment