版本控制

静态资源Html、css、js文件在浏览器访问时,浏览器会对其进行缓存。修改了静态资源后,如果不使用浏览器的清除缓存功能,代码不会马上生效。为了让代码修改后,使马上生效,需要在加载的文件后面增加版本号。

Laytp 框架修改静态文件版本号的方法十分简单。

第一步

修改两个框架入口文件

  • /public/admin/index.html 框架主界面

  • /public/admin/login.html 登录界面

将如下部分的静态资源版本号进行修改

  1. localStorage.setItem("version","1.0.2.Release");//静态资源版本号

第二步

加载css和js使用document.write进行加载,文件后面加上v=版本号。示例:

  1. document.write("<link rel='stylesheet' href='/static/admin/css/admin.css?v="+localStorage.getItem("version")+"'>");

开发时,禁用浏览器缓存

平常开发,我们会经常修改js文件,用修改版本号的版本更新js会影响开发效率。

Chrome和Firefox等浏览器都有F12打开调试工具的功能。在网络栏有停用缓存或者禁用缓存英文是Disable Cache,将这个选项前面的勾点上,不要关闭调试工具,那么每次请求就都不会有浏览器缓存了

  • 评论列表1
匿名评论

testtest