Offline Caching Using the HTML5 manifest Attribute

Use the manifest attribute of the <apex:page> tag to set an HTML5 cache manifest for offline caching of a page’s critical resources.

The value of the manifest attribute is passed through to the generated HTML. For example:

1<apex:page showHeader="false" sidebar="false" standardStylesheets="false"
2    docType="html-5.0" manifest="/apex/CacheManifest">
3
4        <header>
5            <h1>Congratulations!</h1>
6        </header>
7        <article>
8            <p>This page looks almost like HTML5!</p>
9        </article>
10
11</apex:page>

Renders the following <html> tag:

1<html manifest="/apex/CacheManifest">

The manifest attribute is available on the <apex:page> tag for Visualforce pages set to API version 28.0 or higher, and also requires that the applyHtmlTag is set to true (the default).

You can use Visualforce to provide a page’s cache manifest. For example, the CacheManifest page referenced above might be:

1<apex:page contentType="text/cache-manifest" applyHtmlTag="false" 
2     standardStylesheets="false" showHeader="false">
3CACHE MANIFEST
4index.html
5stylesheet.css
6images/logo.png
7scripts/main.js
8</apex:page>

Visualforce Developer’s Guide

Offline Caching Using the HTML5 manifest Attribute