HTML5 defines a special cache, commonly called "appcache" or application cache, that allows you to instruct the browser to cache certain resources—like images, CSS, JS, and others in a way that makes them available to the application even if the user’s browser is offline.
, and CSS
, as well as all your images
The application is automatically updated every time the user visits your page while online. If even one byte of data has changed in one of your files, the application cache will reload that file.
Browser support for offline web application
The Offline Web Applications spec is supported in:
iOS (Mobile Safari) 2.1+
It is currently unsupported in all versions of IE.
Test browser support for offline web application
To test if the browser supports application cache functionality, use the following feature-detect:
var appcache_support = !!window.applicationCache;