In this post, I would note the way to cache resources for offline support. This is useful, when we want to build application for iphone or android, our user just visit our website and they can add our built application to home screen, they (users) can launch application when they don't have internet connection.
Here is the note:
- Create file called chace.manifest in the same location of your index.html.
- In that file, list all resources that you need to load base process for application
CACHE MANIFEST CACHE: icon.png index.html phone_startup.png tablet_startup.png public/app.css lib/touch/sencha-touch.js lib/touch/resources/css/sencha-touch.css jsons/icons.json jsons/lodgingsearch.json images/activities_icon.png images/choice_icon.png images/detail.png images/icon-shadow.png images/icons.png images/lodging_icon.png images/logo.png images/map_icon.png images/restaurant_icon.png images/service_icon.png images/special_icon.png images/star0.png images/star1.png images/star2.png images/star3.png images/star4.png images/star5.png images/stars.png app/app.js app/routes.js app/controllers/AppController.js app/controllers/Album.js app/views/HomeView.js app/views/Viewport.js app/views/subview/LodgingSearchList.js app/views/subview/Map.js app/views/subview/OrbitMenu.js app/views/subview/RestaurantSearchList.js http://maps.googleapis.com/maps/api/js NETWORK: *The above code, you may see there are two block: CACHE and NETWORK. all resource that need to be load offline you need to list in CACHE block, another resource that you allow your application to load from online server should list in NETWORK, or just put star sign (*) to tell the application that all otherwise have to use network connection. In this case if your application work with data store and store offline, you have to use NETWORK:* . - Something to add to index.html
<!doctype html>- add type to .htaccess
<html manifest="chace.manifest">
<head> ...
AddType text/cache-manifest manifest[continued on testing] Post about localStorage , please click here!