manifest 文件
要向使用application cache 需要为页面的html标签添加manifest属性，属性值是manifest文件路径，可以使用同源的绝对地址，也可以使用相对地址。
<!doctype html> <html lang="zh" manifest="main.manifest"> </html>
application cache是通过mannifest文件来管理的，manifest文件是简单的文本文件，内容是需要被缓存供离线使用的文件列表，及不需要被缓存或读取缓存失败的文件控制。mannifest文件可以使用任意拓展名，但需要在服务器中添加MIME类型匹配，使用apache比较简单，如果使用.manifest作为拓展名在apache配置文件中添加
AddType text/cache-manifest .appcache
使用IIS的话通过界面找到添加MIME窗口添加即可
如何配置
下面是一个manifest文件的示例
main.manifest
1 CACHE MANIFEST 2 #version 0.2.0 3 #date: Nov 24 2013 4 5 CACHE: 6 css/reset.css 7 css/main.css 8 js/jquery.js 9 images/bg.png 10 images/bg_hl.jpg 11 images/icons/yes.png 12 images/icons/top.png 13 offline.html 14 15 NETWORK: 16 * 17 18 FALLBACK: 19 index.html offline.html
1. 文件的第一行必须是 CACHE MANIFEST
2. ＃开头的行作为注释语句，所以文件中关于版本和日期都是注释，为了方便维护
3. 网站的缓存不能超过5M
4. 文件资源路径可以使用绝对路径也可以使用相对路径
5. 文件列表中任意一个缓存失败都会导致整个缓存失效，浏览器hui按没有application cache处理
6. 既可以站点使用同一个minifest文件，也可以每个页面使用一个
然后看一下CACHE、NETWORK、和FALLBACK三条指令语句
CACHE：指明需要缓存的资源文件,浏览器会自动缓存带有manifest属性的html页面，所以yinyongwmanifest文件的页面不用写在里面
NETWORK：不需要缓存的文件，名字就叫网络工作嘛，可以使用通配符
FALLBACK：无法访问缓存文件的备选文件，也可以使用通配符，上边例子的配置，读取不到index.html的话就会跳转至offline.html
manifest文件在检测到需要更新后，在下次载入页面时才会生效，故如果想在当次生效就需要手动刷新页面，代码如下：
window.addEventListener("load", function (e) {
window.applicationCache.addEventListener("updateready", function () {
if (window.applicationCache.status === window.applicationCache.UPDATEREADY) {
try{
applicationCache.swapCache();
}catch(e){}
getOriginNativeHeader();
window.location.reload();
}
}, false)
}, false);
相关推荐
jQuery Manifest插件，简称为jquery-manif，是用于管理和优化前端资源加载的工具，特别是针对使用HTML5 Application Cache（AppCache）的应用。AppCache是一种离线存储机制，允许网页在离线状态下也能访问，提高了...
!!!!!服务器需要添加配置!!!!!!!!! 建议使用Google Chrome 测试 我的是Apache服务器 conf/httpd.conf 文件的mime_module 中添加 . . . AddType text/cache-manifest .appcache </IfModule>
"View Browser Application Cache-crx"插件是专为Google Chrome浏览器设计的一个实用工具，它使用户能够方便地查看和管理Chrome的应用程序缓存。 1. **浏览器缓存原理**： 浏览器缓存是为了提高网页加载速度，减少...
HTML5中的应用缓存（Application Cache）是一种离线存储技术，允许Web应用程序在用户没有网络连接的情况下仍能正常运行。这种技术通过创建一个名为`cache manifest`的文件，指定需要缓存的资源，从而实现离线浏览。...
HTML5的LocalStorage和Application Cache（也称为离线存储）是现代Web开发中两个重要的进步，它们使得Web应用程序能够实现更高效、更响应式的用户体验，即使在网络连接不稳定或完全离线的情况下也是如此。...
HTML5的Application Cache（通常简称为AppCache）是一种允许网站缓存资源以提供离线服务的技术。它通过定义在manifest文件中的指令来管理缓存的内容，支持Web应用程序离线使用。然而，这项技术并非完美无缺，它在...
值得注意的是，Application Cache在HTML5的Service Worker推出后逐渐变得过时，Service Worker提供了更强大的离线存储和更新控制功能。不过，对于仍需使用Application Cache的项目，正确配置`manifest.appcache`文件...
无论是需要持久化的localStorage还是仅限于当前会话的sessionStorage，亦或是支持离线浏览的applicationCache，都为Web开发带来了前所未有的便利。随着技术的发展，这些存储机制将继续发挥重要作用，助力构建更加...
离线应用缓存（Application Cache），也称为AppCache，是Web应用程序的一种离线存储机制。它允许开发者通过一个名为`manifest`的特殊文件来指定一系列静态资源，浏览器会根据这个清单文件自动下载并缓存这些资源，...
HTML5离线缓存Manifest是一种HTML5技术，它允许开发者指定哪些文件需要被浏览器缓存，以便在用户没有网络连接的情况下也能访问网页应用。这种技术在移动设备或者在不稳定网络环境下尤为重要，因为它可以提供更好的...
HTML5的Application Cache技术，也称为离线存储，是HTML5规范中的一项重要特性，它旨在改善Web应用程序的性能和用户体验，特别是在离线或者网络不稳定的情况下。Application Cache允许开发者将Web应用的关键资源（如...
开发者可以通过监听`applicationCache`对象上的事件来处理离线缓存的状态变化，如`checking`、`downloading`、`progress`、`updateready`和`cached`等。 6. **源码示例** 在HTML文件中添加manifest属性，指向清单...
HTML5的应用程序缓存（Application Cache）是一种离线存储技术，旨在提高网页应用程序的性能和可用性，尤其在网络环境不稳定或无网络连接的情况下。在HTML5之前，网页需要持续在线才能正常工作，但Application Cache...
这主要依赖于HTML5的`Application Cache`（应用程序缓存），也就是我们常说的manifest文件。 `Application Cache`允许开发者创建一个包含必需资源的清单，如HTML、CSS、JavaScript文件及图片等，这些资源会被浏览器...
2. **JavaScript操作:** 使用`window.applicationCache.update()`方法来手动触发缓存更新。 3. **清除浏览器缓存:** 用户清理浏览器缓存也会强制重新下载manifest文件和相关资源。 **注意事项** 1. 不同浏览器对...
这项技术的核心在于利用HTML5的`Application Cache`（应用缓存）或者称为`Cache Manifest`（缓存清单），通过创建一个清单文件来指定需要离线存储的资源。 **一、离线存储的必要性** 随着移动设备的普及，用户可能...
通过`cachemanifest`文件，开发者可以指定哪些资源（如HTML、CSS、JavaScript等）需要被浏览器缓存。浏览器在用户首次在线访问应用时会读取`manifest`文件，下载其中列出的所有文件，并在离线状态下使用这些缓存的...