tomcat .appcache html5离线缓存,html5 application cache遇到的严重问题

在我们的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视频教程

声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理

tomcat .appcache html5离线缓存,html5 application cache遇到的严重问题相关推荐

html5 application cache 空间限制,HTML5离线存储之Application Cache
关于html5的离线存储,大致可分为: localStorage, sessionStorage indexedDB web sql application cache 可以在chrome的debug ...
tomcat html5离线缓存,HTML5离线缓存在tomcat部署可实现图片flash等离线浏览打
tomcat能解析html5的页面吗?为什么我的H5页面放到...为什么我的H5页面放到tomcat里面后,在手机端用服务器地址访问时,页面html5本身不支持hbuilder的扫码功能,native ...
HTML5 应用程序缓存离线浏览【Application Cache】轻松地创建 web 应用的离线版本。
HTML5 应用程序缓存使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本. 什么是应用程序缓存(Application Cache)? HTML ...
html5离线缓存使用
html5 离线缓存使用以及注意事项 1.index.html中加入离线缓存的声明文件如: <!DOCTYPE html> <html manifest="test.ap ...
html开启页面离线缓存,HTML5 离线缓存
离线缓存 applicationCache 第一次加载后将数据缓存,如果没有清除缓存,下一次没有网络也能加载. 使用 1. 使用 manifest 属性,引入 .appcache 文件每个指定了 m ...
html5 客户端数据缓存机制,深入理解HTML5离线缓存机制
TML5提供了一种离线应用缓存机制,使得网页应用可以离线使用,这种机制在移动端浏览器上支持度非常广,所有版本的android和ios浏览器都能很好的支持.我们可以放心的使用该特性来加速移动端页面的访问 ...
离线缓存html5,HTML5新技术离线缓存
什么是离线缓存离线缓存,就是将指定的网页文件(例如css.js)保存到本地,当用户没有网络时,依旧可以通过浏览器使用这些文件. 为何要用离线缓存从网站所有者的角度来说,增加离线缓存功能,能够让用户 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十七) —— HTML5 离线缓存
本文要介绍的,是 HTML5 离线网络应用程序的特性,离线网络应用程序在 W3C 中的实际名称是 "Offline Web applications" ,也称离线缓存.当用户打开浏 ...
HTML5 离线缓存
离线资源缓存为了能够让用户在离线状态下继续访问 Web 应用,开发者需要提供一个 cache manifest 文件.这个文件中列出了所有需要在离线状态下使用的资源,浏览器会把这些资源缓存到本地 ...
h5 html被缓存,【Web前端问题】html5离线缓存，不能被缓存问题
回调函数删除删除 var a = ['1','20','2','30']; console.log(a.slice('1')); var ps = document.querySelectorAl ...

tomcat .appcache html5离线缓存,html5 application cache遇到的严重问题

tomcat .appcache html5离线缓存,html5 application cache遇到的严重问题相关推荐

最新文章

热门文章