In conjunction with one of my recent Lynda.com courses, HTML5 Projects: Creating an Advanced Responsive Presentation, I created this simple utility to take care of an otherwise tedious and unforgiving* task: generating an Application Cache Manifest file.
CacheMan not only generates the manifest file, it also attaches the manifest to the target HTML files. This attached manifest file will tell the user’s browser to cache the listed files so that they can be viewed offline.
*In many cases, a site will fail to cache if there’s a single typo in the manifest file.
The Main HTML field is where you assign the primary HTML file(s) that will trigger the Application Cache.
For both the Dependent Files and Main HTML fields, files can be added using the plus (+) button, or by simply dragging and dropping files (as shown in the video demo below).
Files can be omitted from the manifest, or treated as network files (not cached, but pulled from the server) by using the Ignore File Extensions and Network File Extensions, respectively.
Make sure that you add the .appcache mime-type to your server:
AddType text/cache-manifest .appcache
For more info on the Application Cache feature of HTML5, check out A Beginner’s Guide to Using the Application Cache.
If you’re using in5 to create your HTML, in5 has a built-in caching option, so there’s no need to use CacheMan.
You can install CacheMan using the badge below.
Or you can download the file directly cacheman.air (Adobe AIR is required).
Note: The application is self-signed, so you can ignore the installation warning about the publisher being “unknown.”
CacheMan is available at no cost, but donations are welcome.