html5如何及时更新缓存文件(js、css或图片)

2016-02-19 10:35 159 1 收藏

下面，图老师小编带您去了解一下html5如何及时更新缓存文件(js、css或图片)，生活就是不断的发现新事物，get新技能~

【 tulaoshi.com - Web开发】

我们在使用offline cache的时候，有时候可能会更新资源，如js，css或者图片的更新。但是在没有更新以前用户已经缓存了旧版本的资源，当在次访问的时候他使用的还是旧版本的资源，如何才能让用户及时的更新缓存资源呢？

更新缓存资源主要有两种方法，通过修改配置文件的版本号或者调用js完成更新
js更新方法

代码如下：

if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
window.applicationCache.update(); }

修改文件
更新manifest文件
浏览器发现manifest文件本身发生变化，便会根据新的manifest文件去获取新的资源进行缓存。
当manifest文件列表并没有变化的时候，我们通常通过修改manifest注释的方式来改变文件，从而实现更新。
注释改变就是指配置文件的版本号

来源:https://www.tulaoshi.com/n/20160219/1595158.html

上一篇： qq情侣黄钻怎么开通？
下一篇： JavaScript中void(0)的具体含义解释

看过《html5如何及时更新缓存文件(js、css或图片)》的人还看了以下文章更多>>

html5 worker 实例(二) 图片变换效果

标签： Web开发

worker的js代码img.js 代码如下： onmessage = function(e) { postMessage(filter(e.data)) }; function filter(imgd) { var pix = imgd.pixels.data; var xcord = imgd.x / 1000; var ycord = imgd.y / 1000; for ( var i = 0, n = pix.length; i n; i += 4) { var grayscale = pix[i] * xcord + pix[i + 1] * .59 + pix[i + 2]...

html5配合css3实现带提示文字的输入框(摆脱js)

标签： Web开发

很久没写过技术文章了，最近一直在以Webkit作为载体开发系统，当然需要大量使用Html5与CSS3，不仅减少大量的JS还可以保证更流畅。当选中对话框后，提示文字变浅色,输入后消失.这个现在通行的做法是在Input标签后面增加一个Label。使用JS控制。 HTML5出现后，我们有一个更好的方法。代码如下： input type="text" placeholde...

HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览

标签： Web开发

打开一个网页，加载完后，如果突然断网了，那么你刷新后那页面就没了。有没有想过，刷新后页面还是刚刚才页面，在新窗口中再打开一个页面，输入相同的网址，在断网的状态下打开还是原来那个页面。。HTML5的离线应用正提供了这样一个功能。在页面中的数据加载时，你可以自己设定一些要缓存的图片、flash、css、js、html等文件，等下次不能联...

HTML5标签小集

标签： Web开发

HTML标签； meta属性Content,name,scheme !DOCTYPE a属性coords,shape, abbr属性 address属性 area属性 article属性 aside属性 audio属性 b属性 base属性 bdo属性 blockquoe属性 body属性 br属性 button属性 canvas属性 caption属性 cite属性 code属性 col属性 colgroup command datalist dd...

HTML5实践-图片设置成灰度图

标签： Web开发

以前，在web上要显示灰度图片的话，只有手工使用图片软件转换。但是现在借助于html5的canvas可以实现这个过程，而不需要再借助图片编辑软件了。我用html5和jquery做了一个demo，来展示如何实现这个功能。目的这个demo将会向你展示用html5和jquery，如何实现鼠标在图片上移动移出时，灰度图像和原图之间的切换。在html5出现之前，要实现这...

查看更多精彩>>