龙空技术网

前端|技巧|给静态文件加版本号,避免版本更新时的浏览器缓存问题

搞技术的庄大叔 206

前言:

而今你们对“每次发版自动给js添加版本号”大概比较关注,朋友们都需要知道一些“每次发版自动给js添加版本号”的相关知识。那么小编同时在网摘上收集了一些对于“每次发版自动给js添加版本号””的相关文章,希望小伙伴们能喜欢,朋友们快快来学习一下吧!

一个网站上线后,经常会进行版本迭代,有时候更新完会发现代码不生效,打开调试器发现修改过的js文件居然还是旧版的。

这个现象的发生是由于浏览器缓存,我们只需要手动清理 一下浏览器缓存就可以正常的加载出新版本的静态文件了。

但是站在用户的角度我们不可能让用户这么做,我们有另一种更好的方式去更新缓存:给文件加版本号。

举个例子,引入一个js脚本本来是这样写的

<script type="text/javascript" src="common/api.js"></script>

我们给它加一个版本号,变成这样子

<script type="text/javascript" src="common/api.js?v=1.001"></script>

这时候浏览器会对它进行缓存,当我们上了一个版本后,只需要将版本号改一下

<script type="text/javascript" src="common/api.js?v=1.002"></script>

浏览器便会更新这个文件。

要注意的是,每次更新最好是跟该版本关联的文件才对应更改版本号,这样就不会一次性更新所有静态文件,避免版本更新时网站加载缓慢的问题。

标签: #每次发版自动给js添加版本号 #让js自动添加版本号