静态资源Html、css、js文件在浏览器访问时,浏览器会对其进行缓存。修改了静态资源后,如果不使用浏览器的清除缓存功能,代码不会马上生效。为了让代码修改后,使马上生效,需要在加载的文件后面增加版本号。
Laytp
框架修改静态文件版本号的方法十分简单。
修改两个框架入口文件
/public/admin/index.html
框架主界面
/public/admin/login.html
登录界面
将如下部分的静态资源版本号进行修改
localStorage.setItem("version","1.0.2.Release");//静态资源版本号
加载css和js使用document.write
进行加载,文件后面加上v=版本号
。示例:
document.write("<link rel='stylesheet' href='/static/admin/css/admin.css?v="+localStorage.getItem("version")+"'>");
平常开发,我们会经常修改js文件,用修改版本号的版本更新js会影响开发效率。
Chrome和Firefox等浏览器都有F12打开调试工具的功能。在网络栏有停用缓存或者禁用缓存英文是Disable Cache
,将这个选项前面的勾点上,不要关闭调试工具,那么每次请求就都不会有浏览器缓存了
testtest