html5应用程序缓存,html5本地缓存

　　一、作用

　　离线浏览——资源按照文件规则缓存在本地，离线仍可访问资源，联网时会直接使用缓存在本地的文件。优化加载速度，节省服务器资源。

　　二、适用场景

　　正如manifest的英文译名：离线应用缓存(Offline Application Cache)一样，该功能是为有离线场景的应用而设计的，比如需要离线使用的手机APP/H5，或者PC上的纯静态页面。

　　三、问题

　　1.服务器资源更新后，需要再次刷新显示延迟。

　　第一次加载页面时，浏览器会判断是否引入了manifest，如果检测到，则根据文件规则下载并缓存资源。当再次加载页面时，将使用本地缓存，而不是根据清单中指定的缓存文件请求服务器资源。更新清单文件时，页面加载已经完成，但缓存更新尚未完成。将首先使用旧清单的缓存文件，浏览器将下载新清单文件中的缓存文件。如果您想查看最新的静态资源，您需要刷新页面并重新加载它。2.满载

　　清单文件更新时，所有资源都会下载一次，其中一个资源出现异常会导致整个清单运行异常。

　　3.W3C标准和浏览器支持

　　作为H5的新属性，其初衷是构建线下应用。如果要缓存网站资源，原来浏览器的缓存机制(304)已经很好了，不需要使用manifest进行缓存。实际上，W3C因为糟糕的响应而放弃了manifest。

　　四、使用方法

　　首先，在标签html中指定清单配置文件。

　　html manifest= manifest.appcache 配置文件manifest . app cache。

　　缓存清单#井号备注，这里可以放版本更新时间，修改备注更新清单文件缓存：#第一次下载缓存后列出的文件缓存在本地。/favicon . ico/main . CSS network:# network下的文件无法缓存，必须连接服务器。Login.phpFALLBACK:#把两个路径放在一行，第一个是访问资源，第二个是替换；当前面的资源无法访问时，用后面的资源替换它。/cat//404.html注意

　　Manifest会缓存当前页面，所以如果要更新当前页面，只能先更新manifest文件。

　　五、总结

　　Manifest适用于需要离线运行的应用(定时器、计算器、阅读器等工具)；但是这种离线缓存机制并不适合需要经常发布频繁更新的网站。

　　这就是本文的全部内容。希望对大家的学习和支持有帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。