时间:2021-05-08
一、作用
离线浏览 - 根据文件规则把资源缓存在本地,脱机依然能够访问资源,联网会直接使用缓存在本地的文件。优化加载速度,节约服务器资源。
二、适用场景
正如 manifest 英译的名字:离线应用程序缓存,这项功能是设计给会有离线场景的应用来使用,例如:需要离线使用的手机APP/H5,亦或是PC端的纯静态页面。
三、问题
1.服务器资源更新后显示滞后需要多刷新一次页面
2.全量加载
当 manifest 文件更新时,所有的资源都要全部被下载一次,并且其中一个出现异常会导致整个 manifest 运行异常。
3.W3C标准及浏览器支持
作为 H5 的新属性,初衷是用来构造离线应用的,缓存网站资源的话原本浏览器的缓存机制(304)已经很好了,没必要再使用 manifest 做缓存;实际上因为使用反响并不好,W3C正在废弃 manifest。
四、使用方法
首先在标签 <html> 中指定 manifest 配置文件。
<html manifest="manifest.appcache">配置文件 manifest.appcache。
CACHE MANIFEST# 井号备注,这边可以放版本更新时间,修改备注算更新 manifest 文件CACHE:# 首次下载 CACHE 后列出来的文件后缓存到本地。/favicon.ico/main.cssNETWORK:# NETWORK 下的文件不可被缓存,必须要与服务器连接。login.phpFALLBACK:# 一行放两个路径,第一个是访问资源,第二个是替补;当无法访问前一个资源时,用后一个资源代替之。/cat/ /404.html注意
manifest 会把当前页面缓存下来,所以若想更新当前页,只能先更新 manifest 文件。
五、总结
manifest 适用于需要离线运行的应用(定时器,计算器,阅读器等工具);而需要经常发布频繁更新的网站,这种离线缓存机制并不适合。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
HTML5引入了应用程序缓存,这意味着web应用可进行缓存,并可在离线时进行访问。:pushpin:应用程序缓存为应用带来三个优势:离线浏览–用户可在应用离线时
基于HTML5的应用程序有丰富的接口。HTML4.0.1标准带有DOM接口,在此基础上HTML5增加了更多的应用程序接口,这为网页设计的复杂化提供了强大的支持。
ionic是一个强大的HTML5应用程序开发框架(HTML5HybridMobileAppFramework)。可以帮助您使用Web技术,比如HTML、CSS和
Web离线程序开发技术。在HTML5中,离线缓存是其重要特性之一,该特性并不会对PC端程序的开发造成较大影响,不过其却会对移动终端设备应用程序的开发产生很大影响
如今,随着主流浏览器对HTML5的不断支持和完善,越来越多的开发者开始使用HTML5来开发各种功能强大的Web应用程序,HTML5正引领互联网新革命。为了方便大