浏览器缓存问题
公司做过的一些网站项目在修改样式后会遇到浏览器的缓存问题, 比如 CSS 修改了直接覆盖原来的 css 而不加别的操作, 会使客户在浏览器查看网站时不能直接看到修改后的网站样式, 需要多次刷新或者强制刷新才能看到更新的样式, 这样操作起来对客户体验来说并不好
问题解决的方法
1. 修改改动过的 css 或 js 的文件名称, 比如之前 css 是 style.css 改成 style_news.css 然后再改动 html 中的 css 引入名称, js 也是同样的方法, 这样做可以解决问题但是方式还是有些繁琐, 来回改 css,js 的名称还有 html 的代码有些麻烦
2. 直接修改 css 或者 js 然后覆盖原来的代码, 不用改动 css 和 js 的名称, 直接修改下 html 中引入的 css 或者 js 的版本号就 ok 了
比如之前是:
<link rel="stylesheet" href="style.css" type="text/css"/>
修改后是:
<link rel="stylesheet" href="style.css?version=1.0.0" type="text/css"/>
这样再浏览网站的时候浏览器会加载新版本的 css, 问号部分? version=1.0.0 不会影响到 css 的名称, 只是一个版本的区别, css 直接是原来的就可以, 这部分内容可以在你更新 css 后进行改动版本号, 然后浏览器会加载改动后的样式
来源: https://www.cnblogs.com/monter/p/8615592.html