news 2026/4/23 15:46:02

在js或css后加版本号不让浏览器缓存

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
在js或css后加版本号不让浏览器缓存

客户端会缓存css或js文件,改变版本号,客户端浏览器就会重新下载新的js或css文件,在js或css后加?v= 版本号的用法如下

代码如下:

<script type=”text/javascript” src=”jb51.js?version=1.2.6″></script>

<link rel=’stylesheet’ href=’base.css?version=2.3.3′ type=’text/css’ />

使用参数有两种可能:

第一、脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。 即上面代码对于文件来说 等价于

代码如下:

<script type=”text/javascript” src=”jb51.js”></script>

<link rel=’stylesheet’ href=’base.css’ type=’text/css’ />

但浏览器会认为他是 该文件的某个版本!

第二、客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,刷性缓存的作用。大家可能有时候发现修改了样式或者js,刷新的时候不变,就是客户端缓存了css或者js文件,因此加上参数还是有好处的!

第二种情况最多,也可能两种同时存在。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/23 15:37:02

如何用AI在5分钟内验证你的产品创意?

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个快速原型生成工具&#xff0c;用户输入‘findsomething’后&#xff0c;工具会引导用户描述产品创意&#xff08;如‘一个健身社交App’&#xff09;&#xff0c;然后自动生…

作者头像 李华
网站建设 2026/4/23 15:37:30

Vue3 Computed入门:10分钟掌握响应式计算属性

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 创建一个面向初学者的Vue3 computed教学示例&#xff0c;包含&#xff1a;1) 基础computed属性示例(全名计算) 2) 带参数的computed(getter/setter) 3) 多个computed属性依赖关系演…

作者头像 李华
网站建设 2026/4/23 15:36:06

企业微信与个人微信对接的5种替代方案

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个企业微信与个人微信的对接中间件&#xff0c;提供以下功能&#xff1a;1.消息双向同步 2.文件传输代理 3.聊天记录存档 4.多设备登录管理 5.安全审计日志。使用Node.js开发…

作者头像 李华
网站建设 2026/4/23 14:10:24

3个高效SQL代码美化技巧:Poor Man‘s T-SQL Formatter实战指南

在数据库开发和维护过程中&#xff0c;杂乱的SQL代码不仅影响开发效率&#xff0c;更会给团队协作带来巨大障碍。Poor Mans T-SQL Formatter作为一款完全开源免费的T-SQL格式化工具&#xff0c;能够快速将混乱的SQL脚本转换为整洁、规范的格式。这款基于C#开发的工具支持.NET 2…

作者头像 李华
网站建设 2026/4/1 20:19:45

PostConstruct在电商系统中的5个典型应用

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 构建一个电商微服务demo&#xff0c;包含&#xff1a;1. 商品服务使用PostConstruct加载热销商品缓存&#xff1b;2. 支付服务初始化支付渠道配置&#xff1b;3. 用户服务预加载黑名…

作者头像 李华