HTML5应用程序缓存
2015-11-19 11:45
239 查看
用mvc4框架 弄了好久一直弄不出来参照http://www.runoob.com/html/html5-app-cache.html上面的方法
在html标签上加了manifest="demo.appcache"
在iis 上MIME-type也配了 .appcache 扩展名 类型"text/cache-manifest".
路由也配好了
一直都不行,就这样一直报错..
提示:Application Cache Error event: Failed to parse manifest
还需要一步就是配置demo.appcache
http://www.runoob.com/html/html5-app-cache.html
上有说明
以下是引用它的话
manifest 文件可分为三个部分:
CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
NETWORK - 在此标题下列出的文件需要与服务器的连接,且不会被缓存
FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)
CACHE MANIFEST
/theme.css
/logo.gif
/main.js
上面的 manifest 文件列出了三个资源:一个 CSS 文件,一个 GIF 图像,以及一个 JavaScript 文件。当 manifest 文件加载后,浏览器会从网站的根目录下载这三个文件。然后,无论用户何时与因特网断开连接,这些资源依然是可用的。
NETWORK:
login.php
可以使用星号来指示所有其他其他资源/文件都需要因特网连接:
NETWORK:
*
FALLBACK:
/html/ /offline.html
注意: 第一个 URI 是资源,第二个是替补。
还有如何清除缓存等我学会在补上.
在html标签上加了manifest="demo.appcache"
在iis 上MIME-type也配了 .appcache 扩展名 类型"text/cache-manifest".
路由也配好了
一直都不行,就这样一直报错..
提示:Application Cache Error event: Failed to parse manifest
还需要一步就是配置demo.appcache
http://www.runoob.com/html/html5-app-cache.html
上有说明
以下是引用它的话
Manifest 文件
manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。manifest 文件可分为三个部分:
CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
NETWORK - 在此标题下列出的文件需要与服务器的连接,且不会被缓存
FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)
CACHE MANIFEST
第一行,CACHE MANIFEST,是必需的:CACHE MANIFEST
/theme.css
/logo.gif
/main.js
上面的 manifest 文件列出了三个资源:一个 CSS 文件,一个 GIF 图像,以及一个 JavaScript 文件。当 manifest 文件加载后,浏览器会从网站的根目录下载这三个文件。然后,无论用户何时与因特网断开连接,这些资源依然是可用的。
NETWORK
下面的 NETWORK 小节规定文件 "login.php" 永远不会被缓存,且离线时是不可用的:NETWORK:
login.php
可以使用星号来指示所有其他其他资源/文件都需要因特网连接:
NETWORK:
*
FALLBACK
下面的 FALLBACK 小节规定如果无法建立因特网连接,则用 "offline.html" 替代 /html5/ 目录中的所有文件:FALLBACK:
/html/ /offline.html
注意: 第一个 URI 是资源,第二个是替补。
还有如何清除缓存等我学会在补上.
相关文章推荐
- HTML5<header>元素
- HTML5语义
- 解决IE不支持html5 file api中readAsBinaryString
- HTML5 localStorage and sessionStorage
- HTML5游戏制作之路_06_egret关于精灵表单spritesheet
- HTML5游戏制作之路_05_egret对位图的操作
- HTML5游戏制作之路_04_来做个动画吧
- HTML5游戏制作之路_03_egret的资源加载机制
- HTML5游戏制作之路_02_剖析项目目录结构&&在浏览器中输出helloworld
- PHP+JS+HTML5+Flash网页上传超大文件的解决方案
- 学习html5(3)
- html5拖放
- HTML5音乐导航
- HTML5新增标签1
- HTML5新增标签2,视频,音频,调节颜色
- HTML5 Web Storage
- 学习html5的WebSocket连接
- 学习html5的WebSocket连接
- HTML5塔防(一)
- ssm + ajax过程中遇到的问题