news 2026/8/24 13:41:33

在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/8/24 11:51:11

电商平台如何用Kafka工具实现实时订单处理

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 创建一个电商订单处理系统的Kafka工具组件&#xff0c;包含&#xff1a;1. 订单主题的自动创建和分区策略配置 2. 订单状态变更的实时监控 3. 异常订单的自动告警 4. 消费者延迟分析…

作者头像 李华
网站建设 2026/8/24 9:19:09

Rustup深度解析:告别版本管理烦恼的终极指南

还在为不同Rust项目需要不同版本而头疼吗&#xff1f;每次切换版本都要手动修改环境变量&#xff1f;别担心&#xff0c;Rustup就是为你量身打造的解决方案&#xff01;&#x1f680; 【免费下载链接】rustup The Rust toolchain installer 项目地址: https://gitcode.com/gh…

作者头像 李华
网站建设 2026/8/23 12:12:15

FlyFish:企业级数据可视化的低代码革命

FlyFish&#xff1a;企业级数据可视化的低代码革命 【免费下载链接】FlyFish FlyFish is a data visualization coding platform. We can create a data model quickly in a simple way, and quickly generate a set of data visualization solutions by dragging. 项目地址:…

作者头像 李华
网站建设 2026/8/24 10:19:37

RobotGo事件监听:构建智能GUI自动化系统的核心技术

RobotGo事件监听&#xff1a;构建智能GUI自动化系统的核心技术 【免费下载链接】robotgo go-vgo/robotgo: RobotGo 是一个用 Go 语言编写的跨平台 GUI 自动化工具库&#xff0c;它允许开发者编写自动化脚本&#xff0c;模拟鼠标点击、键盘输入、窗口控制等操作。 项目地址: h…

作者头像 李华
网站建设 2026/8/23 6:34:56

超实用教程:Mikan Project带你轻松玩转动漫资源管理

还在为找不到心仪的动漫资源而烦恼吗&#xff1f;Mikan Project作为一款基于Flutter框架开发的跨平台动漫资源管理应用&#xff0c;能够帮你智能聚合多个字幕组的发布内容&#xff0c;打造专属的动漫收藏库。无论你是动漫新手还是资深爱好者&#xff0c;这篇指南都能让你快速上…

作者头像 李华
网站建设 2026/8/23 3:04:12

Ubuntu输入法实战:打造个性化中文输入环境

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 创建一个详细的Ubuntu中文输入法配置指南&#xff0c;涵盖ibus、fcitx等框架的安装与设置&#xff0c;解决常见兼容性问题。要求包含截图和分步说明&#xff0c;适合不同Ubuntu版本…

作者头像 李华