国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > 离线Web应用Manifest

离线Web应用Manifest

来源:程序员人生   发布时间:2015-02-06 08:38:14 阅读次数:2481次

HTML5新增离线功能。

假定有1个在线笔记利用,当用户的手机网络断开时,他可能正在编辑1则笔记。

使用HTML5的离线Web利用,他就能够继续离线编辑笔记,然后等到网络再次连接时将本地数据发送到服务器


离线Web利用的运行机制是每一个需要离线使用的网页都指定1个后缀名为.manifest的文本文件。

这个文本文件罗列了该网页离线使用时所需的所有的资源文件(HTML、图片、Javascript等)。支持离线Web利用的阅读器

会自动读取.manifest文件。

1、使用方法。

在HTML的开始标签中,我们指定1个.manifest文件:

<html lang="en" manifest="/offline.manifest">
注意:必须在每个准备离线使用的页面的HTML标签中都追加manifest属性。

如果使用的事Apache服务器,你可能还需要修改下.htaccess文件,追加1行代码 :

AddType text/cache-manifest .manifest

现在我们要给offline.manifest填充内容,即通知阅读器纳西而文件是用作离线存储的。

offline.manifest文件内容以下:

CACHE MANIFEST #v1 CACHE: basic_page_layout_ch4.html css/main.css img/atwiNavBg.png NETWORK: * FALLBACK: //offline.html

2、manifest文件所包括的部份

1)CACHE:部份罗列了所有离线使用所需要的文件。这些文件的路径都是相对offline.manifest而言的。使用绝对路径也能够的。

2)NETWORK:部份罗列了所有不需要被缓存的文件,你可以将看成1个”在线白名单“。此处罗罗列的文件在网络畅通的情况下都会直接跳过缓存。

如果你想网络内容在网络畅通个的情况下及时更新,可以在此处使用* 。星号呗成为在线白名单通配符。

3)FALLBACK:部份使用/字符定义了1个URL模板,他的作用是访问每一个页面时都会问”缓存中有这个页面吗?“如果有则显示缓存页面,如果没有

则显示指定的offline.html文件。





生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生