今天主要学习了一下知识内容:
HTML5应用程序缓存
使用应用程序缓存,通过创建cache manifest文件,可轻松创键web应用的离线版本。
什么是应用程序缓存?
HTML5引入应用程序,这意味者可对web应用进行缓存,并可在没有因特网连接时进行访问
应用程序缓存为应用带来三个优势:
离线浏览-用户可在应用离线时使用他们
速度-已缓存资源加载得更快
减速服务器负载,浏览器将只从服务器下载更新过或更新过的资源
浏览器支持
表格中的数字指示完全支持应用程序缓存的首个浏览器版本。
HTML Cache Manifest 实例
下面展示了带有cache manifest 的HTML文档(供离线浏览):
Cache Manifest基础
如果启动应用程序缓存,请在文档的<html>标签中包含manifest属性
每个指定了manifest的页面在用户对其访问时都会被缓存。如果未指定manifest 属性则页面不会被缓存(除非在manifest文件中直接指定了该页面)。
manifest文件的建议文件扩展名是:“。appcache”.
注意:manifest文件需要设置正确的MIME-type,即“test\cache-manifest".必须在web服务器上进行配置。
Manifest文件
manifest文件是简单的文本文件,它搞知浏览器被缓存的内容
manifest文件有三个部分
CACHE MANIFEST-在此标题下列出的文件将在首次下载后进行缓存
NETWORK-在此标题下列出的文件需要与服务器的连接,且不会被缓存
FALLBACK-在此标题下列出的文件规定当页面无法访问时的回退页面