In this recipe, we will learn how to use the HTML5 manifest file in order to store JavaScript and CSS files in the cache browser, along with images.
To test the HTML5 cache manifest file, we just need to create an empty web application. To add it a manifest file at the root of the application, some static files to put in cache and a HTML5 compliant browser.
We'll add the manifest file to enable the cache on the client side, and configure which files will be cached and which files will not.
Let's start by including the manifest file with the relative path as follows:
<!DOCTYPE html> <html manifest="mySite.appcache">
Or with an absolute path:
<html manifest="http://www.mywebsite.com/mySite.appcache"
First of all, let's analyze the anatomy of a cache manifest file:
CACHE MANIFEST # version 1.0
- CACHE:
/Content/Styles/Site.css /Content/Scripts/Site.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.0.js
- NETWORK:
/Login/...