引入JS和CSS文件加版本号的作用

最新推荐文章于 2022-06-11 14:36:05 发布
最新推荐文章于 2022-06-11 14:36:05 发布
阅读量4.2k 收藏
点赞数 1
文章标签： css js 缓存 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wenniuwuren/article/details/42876115
版权
JS 同时被 2 个专栏收录
2 篇文章 0 订阅
订阅专栏
CSS
1 篇文章 0 订阅
订阅专栏

形如：

<script type="text/javascript" src="/resources/js/myFunction.js?version=0.1.0"></script>

<link rel="stylesheet" type="text/css" href="/resources/css/styles/myLocation.css?version=0.1.0" />



使用参数有两种可能用途：

        -- 脚本并不存在， 而是服务端提供的， 带上版本号， 以示区别。

        -- 浏览器会缓存这些css或js文件， 因此每次升级js或css文件后， 改变版本号， 客户端浏览器才会重新下载新的js或css文件。(不过现在各种杀毒软件动不动就清缓存， 这个意义变小了好多， 哈哈， 不过最好还是得加， 万一是个程序员或者什么人没装杀毒软件)


wenniuwuren
关注
专栏目录
一个通用自动处理 js版本号和css 版本号、自动压缩 js,css、自动清理网页注释工具
遥远的风
04-16 5607
jcv-maven-plugin简介jcv-maven-plugin是一个自动为网页添加js css的版本号maven插件 * 支持js css的自动压缩，支持多种方法版本号添加，在使用时对代码0入侵，不需要在页面上做任何标记，对开发友好，不需要调整现在代码．直接引入mvn中配置，会自动对打包的页面进行处理． * 该插件自动采集文件的md5值进行文件版本号修订，在使用文件的md5值用于该文件
html自动给js添加版本号,给html中的js、css添加版本号，解决浏览器缓存
weixin_30646295的博客
05-31 1179
const fs = require("fs");const { join, resolve } = require('path');const execSync = require('child_process').execSync;const { mergeUrl } = require('./url.utils');const findPath = resolve('./dist/templ...
JS、CSS 文件的版本号控制
cherry4115
02-23 5565
首先，介绍几个常用的 HTTP 响应的状态码： 200 - 服务器已成功处理了请求，并返回所请求的内容。 304 - 自从上次请求后，请求的内容未修改过，浏览器直接从本地缓存中取得，服务器则不会返回。 404 - 服务器找不到请求的内容，通常，对于服务器上不存在的网页经常会返回此状态码。 回到本文主题，一般浏览器打开网页时都会对 JS、CSS 文件进行缓存，以便在下次打开时可以
引入js文件加版本号
03-20 2992
背景      在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候，浏览器就可以从浏览器的缓存中获取css、js等，而不必从你的服务器读取，这样在一定程度上加快了网站的打开速度，又可以节约一下你的服务器流量。 问题      现在问题来了，.hta
使用前端构建工具批量为页面中引用的js文件添加版本号的历程
sxf359的博客
04-26 8561
近日遇到有客户反应，页面打开显示不正常，不能完全的显示出页面。细问之下才得知，原来是有一个js文件修改了一个方法，但是上线后由于浏览器缓存的原因，还是加载的旧js文件，导致页面显示不正常了。给客户解释由于系统更新，需要强制刷新才可以。这天陆续又有客户反映遇到此问题，而有些客户由于对电脑了解的少，你说强制刷新他也不知怎么操作。思考是不是由网站自己解决此问题。先是考虑在页面引用的js文件后面加随机数来
css及js 加版本号的原因及原理
秦璐璐的博客帝国
06-12 4422
平常为了加快网页的加载速度，浏览器会对请求的文件进行缓存，当再次请求某文件时，读取到本地有缓存后，就不会去服务器请求新的数据而是用本地的缓存了但是 当我们更新了我们的文件时，有时候浏览器得不到新的数据，所以我们就需要加版本号去控制也就是加版本号的作用 1.方便版本控制，比如1.1版本的样式表，可以升级为2.0版本的样式表2.强制浏览器更新是为了欺骗浏览器或代理服务器；某些代理服务器会无视 no-c...
HTML页面自动清理js、css文件的缓存（自动添加版本号）
12-13
总的来说，自动添加版本号是解决浏览器缓存问题的有效手段，它可以确保用户始终能够获取到最新版本的CSS和JavaScript文件。通过JavaScript、服务器端语言或构建工具，开发者可以轻松地实现这一功能，从而提供更好的...
为什么要在引入的css或者js文件后面加参数的详细讲解
10-27
总的来说，CSS和JS文件后面加参数的主要目的有两点：一是解决浏览器缓存问题，确保用户始终获取最新的文件；二是作为服务端动态生成内容的标识，允许服务器根据参数返回不同的资源。这两个功能在实际开发中都十分...
引用文件 js或css 后加?v= 版本号 说明
qq_36636312的博客
06-19 1884
1，说明： 带参和不带参引用的文件相同 <span style="font-size:14px;">css和js带参数（形如.css?v=与.js?v= 或 .css?version=与.js?version= ） 2，示例： <script type=”text/javascript” src=”jb51.js″></script> <link type=’text/css’ rel=’stylesheet’ href=’base.css′ /&gt.
引用js或css后加?v= xxx 版本号的使用方法
weixin_39758376的博客
10-12 4785
使用参数有两种可能 一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 即上面代码对于文件来说 等价于 二、客户端会缓存这些css或js文件，因此每次升级了js或css文件后，如果不改变版本号，浏览器会加载缓存的数据，更新后没效果； 如果加了版本后客户端浏览器就会重新下载新的js或css文件，刷性缓存的作用。   第二种情况最多，也可能两种同时存在。 版本号，可...
自动给html文件内的引用资源增加版本号；JS自动版本生成
07-15
自动给html文件内的引用资源增加版本号，环境是python2.7， 可以直接编辑.py文件，在里面设置忽略的引用。 在html内部查找style 和js 引用，并在文件名称后面加上 ?v=23452(随机)
前端页面为什么要在引入的CSS文件和JS文件后面带版本号参数？
lyh79925300的博客
06-11 988
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
引用js或css后加?v= 版本号的用法
xiaowu2017的博客
01-11 7060
例如： ?v= 版本号 详解" title="引入css或js文件后面加参数 ?v= 版本号 详解"> 使用参数有两种可能，   第一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 即上面代码对于文件来说 等价于 ?v= 版本号 详解" title="引入css或js文件后面加参数 ?v= 版本号 详解" width="424" height=
打造可保存数据的Ubuntu Live USB
yoshubom的专栏
01-13 4228
打造可保存数据的Ubuntu Live USB 前言 之前写过一个打造纯UEFI 启动的Ubuntu 系统U 盘，那种方法跟将Linux安装到硬盘上没有任何区别，是最纯粹的一种安装方式。只是20.04版的Grub2在UEFI引导有Bug，需做些处理，详见本文的操作步骤里Grub2 配置。 本次介绍另一个用Grub2引导ISO文件并使用Persistent的分区或文件来保存数据的方法，但注意这种方法会有些底层上的问题，例如使用Docker、安装无线网卡驱动等，本文也会列出解决办法。 材料准备 至少8GB支持
html 页面 js 引用添加动态版本号
chunyanquan1444的博客
09-18 3941
因为没有使用 freeMarker 等模板，给静态文件增加动态版本号后缀无法从后端获取后渲染。 先使用了 document.write("<script src='../js/index.js?v="+Math.Random()+"'><"+'/'+"script>...
前端开发静态文件自动添加版本号解决方案
热门推荐
云淡风轻、仅此一抹
06-18 1万+
前端开发静态文件自动添加版本号解决方案 源代码下载地址http://www.zuidaima.com/share/1802384061877248.htm
在 HTML 文件中引入 Bootstrap 和 Bootstrap Table 的 CSS 和 JavaScript 文件
最新发布
04-09
可以在 HTML 文件的 head 标签中加入以下代码来引入 Bootstrap 和 Bootstrap Table 的 CSS 和 JavaScript 文件： ```html <!-- 引入 Bootstrap 的 CSS 文件 --> ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值