news 2026/5/3 18:09:25

在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/2 17:50:12

Ubuntu输入法效率对比:传统vsAI优化方案

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个Ubuntu输入法效率测试工具&#xff0c;能够记录和分析不同输入法的输入速度、准确率。要求可视化展示数据对比&#xff0c;支持导出测试报告。点击项目生成按钮&#xff0c…

作者头像 李华
网站建设 2026/5/1 15:44:29

零基础学习GeoTools:从安装到第一个地图应用

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 创建一个GeoTools入门教程项目&#xff0c;包含&#xff1a;1. 详细的环境配置说明&#xff1b;2. 第一个简单地图应用的完整代码&#xff1b;3. 常见问题解答&#xff1b;4. 逐步扩…

作者头像 李华
网站建设 2026/5/3 1:01:07

对比传统方法:HanLP如何提升文本处理效率10倍?

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 创建一个性能对比测试工具&#xff0c;对比HanLP与传统方法&#xff08;如Jieba、StanfordNLP等&#xff09;在以下方面的差异&#xff1a;1.分词速度 2.命名实体识别准确率 3.处理…

作者头像 李华
网站建设 2026/5/2 17:03:09

用AI生成随机街景:开发者如何快速构建地理数据工具

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 创建一个能够随机生成全球各地街景的Web应用。使用Google Street View API或类似服务作为数据源&#xff0c;实现以下功能&#xff1a;1. 随机地理位置生成器 2. 街景图像获取与展示…

作者头像 李华
网站建设 2026/5/2 8:29:38

ComfyUI AI字幕生成终极指南:快速上手完整教程

想要为你的图片快速添加智能字幕吗&#xff1f;&#x1f914; ComfyUI_SLK_joy_caption_two插件为你带来了革命性的AI字幕生成体验&#xff01;这款基于先进AI技术的字幕生成工具&#xff0c;能够自动分析图片内容并生成精准描述&#xff0c;让每张图片都能"开口说话"…

作者头像 李华
网站建设 2026/4/30 2:24:21

电商系统中的Java多态实践:支付模块设计

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 创建一个电商支付系统的Java demo&#xff0c;要求&#xff1a;1. 定义Payment接口包含pay(double amount)方法&#xff1b;2. 实现AlipayPayment、WechatPayment、BankCardPayment…

作者头像 李华