HTML5给页面加缓存-应用程序缓存API(“AppCache”)

Internet Explorer 10和使用JavaScript的Windows应用程序支持应用程序缓存API（或AppCache），这是HTML5规范中定义的，允许您创建离线web应用程序。AppCache使webpages能够在本地缓存（或保存）资源，包括图像、脚本库、样式表等等。此外，AppCache允许使用标准统一资源标识符（Uniform Resource Identifier，URI）符号从缓存的内容中提供url。
通过使用AppCache在本地节省资源，您可以通过减少对托管服务器的请求数量来提高web的性能;您还可以离线访问缓存的资源。
在本地缓存资源:
1。创建一个清单文件，它定义了您想要保存的资源。
2。在每个网页中引用清单文件，以使用缓存的资源。

创建清单文件

清单文件是一个文本文件，它定义了网页使用的资源的缓存行为，如下面的例子所示。

CACHE MANIFEST

CACHE:
# Defines resources to be cached.
script/library.js
css/stylesheet.css
images/figure1.png

FALLBACK:
# Defines resources to be used if non-cached
# resources cannot be downloaded, for example
# when the browser is offline..
photos/ figure2.png

NETWORK:
# Defines resources that will not be cached.
figure3.png

清单文件分为以下几部分：
缓存The CACHE：区段定义将存储在本地的资源。在本例中，缓存了三个文件。
后备The FALLBACK：部分定义了在其他资源不可用时使用的资源。例如，这个例子定义了figure2.png 作为照片文件夹的后背图像。如果浏览器不能访问照片文件夹中的图像（因为浏览器是离线的，或者因为服务器无法到达），figure2.png将在渲染的标记中替换不可用的图像。因此,figure2.png将在本地缓存。
网络：部分指定当有网络连接时要访问的资源。本节中的资源没有被缓存。这一节允许使用通配符(*)字符来指示所有其他资源都不应该被缓存。
清