application cache 应用缓存

这些应用还是要自己实现一遍，否则真不知道哪里会出问题。

客户端：

<!DOCTYPE html>
<html manifest = 'demo.appcache'>
    <head>
        <title>H5 application cache</title> 
        <Meta http-equiv="Content-Type" Content="text/cache-manifest">
        <link href="stylesheets/style.css" rel="stylesheet">       
    </head>
    <body>
        <pre id='result'>
            result
        </pre>  
        <img src='images/1.jpg'></img>           
        <img src='images/2.jpg'></img>           
    </body>
    <script type="text/javascript">       
    
    </script>
</html>

demo.appcache：

CACHE MANIFEST                       //后面没有：，
../stylesheets/style.css
../images/1.jpg

NETWORK:
../images/2.jpg

FALLBACK:

我使用node做后端的，直接在.html中修改Content-Type为text/cache-manifest；在手机上看到了效果，1.jpg是缓存的，2.jpg是需要网络连接的，在手机断开WiFi的情况下，refresh页面，仍可看到1.jpg。

 

　

posted on 2014-11-13 11:53  j.w  阅读(244)  评论(0)  编辑  收藏  举报