您现在的位置是：网站首页> 编程资料编程资料

html5 application cache遇到的严重问题Application Cache未缓存文件无法访问无法加载问题HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题HTML5实现应用程序缓存(Application Cache)

2023-10-15 344人已围观

简介 在我们的3G版网站的项目中使用了html5 application cache，将大部分图片资源、js、css等静态资源放在manifest文件中,需要了解的朋友可以参考下

在我们的3G版网站的项目中使用了html5 application cache，将大部分图片资源、js、css等静态资源放在manifest文件中。

没想到上线第一天就遇到了严重问题：application cache会默认缓存当前页面！！！就算我们有如下设置：

复制代码
代码如下:

NETWORK:*

也就是说，对于所有的动态页面，application cache会缓存起来，用户怎么刷新都是老的！

而且手机浏览器还很难清除掉，也不支持js清除！

花了一个上午，尝试了很多办法，查了很多资料，都没能清除掉客户端的缓存。一上午被用户投诉惨了。

最后还是万能的stackoverflow救了我：

Do not use appcache unless it is REALLY 100% EXACTLY WHAT YOU WANT TO DO
Even if it IS 100% EXACTLY WHAT YOU WANT TO DO, *DO NOT* use appcache until you are 100% CERTAIN that you are not going to make a single change to that page (or any file that it links to) for a LONG time.
Delete the manifest file from the server -- if the browser can't find the manifest file, then it will clear its cache... ...this will also turn caching off for everyone.
Don't turn it on again until it's 100% CORRECT
Dealing with appcache is miserable, often.
解决办法很简单，在服务器端删除掉manifest文件，并且慎用application cache

当然，也有办法是用application cache，同时能绕过自动缓存当前页面的问题。那就是用iframe

上一篇：html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法

下一篇：HTML5中实现拖放效果无须借助javascriptHTML5中的拖放实现详解HTML5拖放功能_动力节点Java学院整理 HTML5拖放API实现拖放排序的实例代码HTML5拖放效果的实现代码详解HTML5中的拖放事件（Drag 和 drop）HTML5 拖放功能实现代码 HTML5+CSS3实现拖放(Drag and Drop)示例HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法Html5实现如何在两个div元素之间拖放图像html5拖曳操作 HTML5实现网页元素的拖放操作

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网