news 2026/6/6 3:17:35

在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/5/20 20:42:38

如何用AI一键生成.NET Framework 3.5离线安装包解决方案

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 创建一个PowerShell脚本&#xff0c;自动下载.NET Framework 3.5离线安装包所需的所有组件&#xff0c;并将其打包成可部署的离线安装包。脚本应包含以下功能&#xff1a;1) 自动检…

作者头像 李华
网站建设 2026/6/5 20:53:44

Spoolman终极指南:彻底解决3D打印丝材管理难题

你是否曾经遇到过这样的情况&#xff1a;正准备开始3D打印&#xff0c;却发现丝材剩余量不够完成整个模型&#xff1f;或者在不同打印机之间切换时&#xff0c;总是记不清哪台机器上装的是什么规格的丝材&#xff1f;更糟糕的是&#xff0c;你是否曾经因为忘记库存情况而重复购…

作者头像 李华
网站建设 2026/6/1 9:43:56

1小时搞定!用AI快速验证你的续杯商业创意

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 快速开发一个续杯概念验证原型&#xff0c;包含&#xff1a;1.简易3D饮料杯模型&#xff1b;2.续杯动画效果&#xff1b;3.基本交互界面&#xff1b;4.数据统计展示。使用Three.js实…

作者头像 李华
网站建设 2026/6/3 15:44:05

Kotaemon日志分析助手:ELK栈联动排查系统问题

Kotaemon日志分析助手&#xff1a;ELK栈联动排查系统问题 在现代企业级应用的运维现场&#xff0c;一个常见的场景是&#xff1a;监控系统突然报警&#xff0c;订单服务响应延迟飙升。值班工程师迅速打开Kibana&#xff0c;面对成千上万条滚动的日志记录&#xff0c;开始手动筛…

作者头像 李华
网站建设 2026/6/3 22:10:30

1小时开发:无线网卡诊断工具原型制作

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 构建一个无线网卡诊断MVP工具&#xff0c;核心功能&#xff1a;1. 基础错误检测&#xff1b;2. 驱动状态检查&#xff1b;3. 一键修复按钮。要求&#xff1a;使用快马平台快速开发&…

作者头像 李华
网站建设 2026/6/4 14:53:14

电商大促前必做:用Percona Toolkit做好MySQL压测

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个电商数据库压力测试套件&#xff0c;集成pt-stress进行定制化负载测试&#xff0c;使用pt-upgrade比较不同MySQL版本的性能差异。要求包含TPS/QPS监控图表&#xff0c;能够…

作者头像 李华