主要内容

应用程序缓存

(1)简单介绍:h5推出的应用程序缓存,可以对Web页面进行缓存,并且可以在没有网络的情况下进行访问
    兼容说明:所有主流浏览器均支持应用程序缓存,除了 Internet Explorer
(2)主要优点:
    1)支持离线浏览(没有网络的情况下依然可以查看)
    2)速度更快,性能更好(使用缓存文件可以提高访问的速度)
    3)减轻服务器端的压力 - 浏览器将只从服务器下载更新过或更改过的资源
(3)代码演示
    1)在页面中加载资源文件(图片),调试工具窗口选择(none network)表示网络无法连接
    2)新创建xx.appcache文件,在该文件配置要缓存的内容
    3)设置html页面中的manifest属性为配置文件路径
(4)配置文件示例
        CACHE MANIFEST

        CACHE:
        # 需要缓存的列表
        0.jpg

        NETWORK:
        # 不需要缓存的
        1.jpg

        FALLBACK:
        # 访问缓存失败后,备用访问的资源,第一个是访问源,第二个是替换文件*.html /offline.html
        2.jpg /3.jpg