南强小屋 Design By 杰米
打开一个网页，加载完后，如果突然断网了，那么你刷新后那页面就没了。
有没有想过，刷新后页面还是刚刚才页面，在新窗口中再打开一个页面，输入相同的网址，在断网的状态下打开还是原来那个页面。。HTML5的离线应用正提供了这样一个功能。
在页面中的数据加载时，你可以自己设定一些要缓存的图片、flash、css、js、html等文件，等下次不能联网的情况下，你可以用那些缓存的文件。这就是HTML5的离线应用。
其实它实现起来很简单。
需要服务器。这里用tomcat服务器来讲解。
首先要先把.manifest后缀的文件 的mine类型配置为text/cache-manifest。
一讲到tomcat配置，熟悉的朋友自然就会想到web.xml这个文件，没错，在文件中加入如下配置就行：
复制代码代码如下:
<mime-mapping>
<extension>manifest</extension>
<mime-type>text/cache-manifest</mime-type>
</mime-mapping>
然后写一个xxx.manifest文件，xxx是你自己取的一个名字。这个文件的格式是这样的：
复制代码代码如下:
CACHE MANIFEST
#version 1.5
CACHE:
MyTest.html
CSS/main.css
Javascript/bwH5LS.js
exp-calif-logo.gif
第一行是必须的，它标识这是manifest的配置文件。
#version 1.5
这句是注释，没实际的作用，我在这里只是想让浏览器更新缓存文件。因为当这个manifest文件与原来一样的时候，浏览器是不会去重新加载缓存文件的，所以我们可以通过这个注释，一方面修改版本号，另一方面让浏览器更新缓存。
CACHE:
这行指示出下面的文件是要缓存的。示例中，缓存了当前页面：MyTest.html，以及一些css和js文件 还有图片。
还有几个关键字示例中没提到，就是
NETWORK:
FALLBACK:
NETWORK 指不想缓存的页面；FALLBACK 是指请求的文件 没有找到或该文件的服务器没有响应时的替代方案，比如我们想请求某个嵌套页面，但这个页面的服务器连接不上了，那么我可以转向另外一个指定的页面。
这是第二步，第三步，只要在<html>标签中加上manifest的位置就行了：
<html manifest="NAME.manifest">
到这里，就可以实现简单的离线应用了。
那些缓存的文件放在哪呢？
在chrome上测试，发现它是按自己的机制来分块保存这些文件的，所以我没找不到完整的文件。保存的数据在：
C:\Users\jasonling\AppData\Local\Google\Chrome\User Data\Default 里面，具体怎么存，笔者还不了解。
火狐上的文件也是按它自己的机制来存的，不过笔者本人用sqlite打开后，找到了缓存文件的具体信息：
读者有兴趣可以自己去尝试一下，看会不会有新发现。
有没有想过，刷新后页面还是刚刚才页面，在新窗口中再打开一个页面，输入相同的网址，在断网的状态下打开还是原来那个页面。。HTML5的离线应用正提供了这样一个功能。
在页面中的数据加载时，你可以自己设定一些要缓存的图片、flash、css、js、html等文件，等下次不能联网的情况下，你可以用那些缓存的文件。这就是HTML5的离线应用。
其实它实现起来很简单。
需要服务器。这里用tomcat服务器来讲解。
首先要先把.manifest后缀的文件 的mine类型配置为text/cache-manifest。
一讲到tomcat配置，熟悉的朋友自然就会想到web.xml这个文件，没错，在文件中加入如下配置就行：
复制代码代码如下:
<mime-mapping>
<extension>manifest</extension>
<mime-type>text/cache-manifest</mime-type>
</mime-mapping>
然后写一个xxx.manifest文件，xxx是你自己取的一个名字。这个文件的格式是这样的：
复制代码代码如下:
CACHE MANIFEST
#version 1.5
CACHE:
MyTest.html
CSS/main.css
Javascript/bwH5LS.js
exp-calif-logo.gif
第一行是必须的，它标识这是manifest的配置文件。
#version 1.5
这句是注释，没实际的作用，我在这里只是想让浏览器更新缓存文件。因为当这个manifest文件与原来一样的时候，浏览器是不会去重新加载缓存文件的，所以我们可以通过这个注释，一方面修改版本号，另一方面让浏览器更新缓存。
CACHE:
这行指示出下面的文件是要缓存的。示例中，缓存了当前页面：MyTest.html，以及一些css和js文件 还有图片。
还有几个关键字示例中没提到，就是
NETWORK:
FALLBACK:
NETWORK 指不想缓存的页面；FALLBACK 是指请求的文件 没有找到或该文件的服务器没有响应时的替代方案，比如我们想请求某个嵌套页面，但这个页面的服务器连接不上了，那么我可以转向另外一个指定的页面。
这是第二步，第三步，只要在<html>标签中加上manifest的位置就行了：
<html manifest="NAME.manifest">
到这里，就可以实现简单的离线应用了。
那些缓存的文件放在哪呢？
在chrome上测试，发现它是按自己的机制来分块保存这些文件的，所以我没找不到完整的文件。保存的数据在：
C:\Users\jasonling\AppData\Local\Google\Chrome\User Data\Default 里面，具体怎么存，笔者还不了解。
火狐上的文件也是按它自己的机制来存的，不过笔者本人用sqlite打开后，找到了缓存文件的具体信息：
读者有兴趣可以自己去尝试一下，看会不会有新发现。
南强小屋 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
南强小屋 Design By 杰米
暂无HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览的评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。