js动态版本号

最新推荐文章于 2024-01-15 11:42:39 发布
原创 最新推荐文章于 2024-01-15 11:42:39 发布 · 5.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种在HTML页面中使用JavaScript动态加载带有时间戳作为版本号的JS文件的方法，这种方法可以有效避免浏览器缓存导致的代码更新不生效问题。

html页面引入js：

<script type="text/javascript">
        //动态版本号
        document.write('<script src="/js/common/require.js?v='+(new Date()).getTime()+'"><\/script>');
 </script>

给js动态添加版本号解决浏览器的缓存问题
DN金猿的博客
03-14 2383
但是，这样有一个问题，就是当程序猿更新了网页内容后，因为浏览器缓存的存在，可能没有办法显示出更新后的内容。今天我就遇到了这样的问题，做了一个小游戏的网页，用到了大量的图片和音频，测试时更新的js不能立刻反馈，总是需要清除缓存后刷新才能看到更新。谷歌浏览器对document.write()发出了警告，查看了谷歌浏览器的警告页，了解到了使用document.write()方式链接js文件会导致加载变慢，对网速不好的用户体验会变差，不过谷歌举的例子是使用2g的用户。添加一段代码，动态添加时间戳。
自动给html文件内的引用资源增加版本号；JS自动版本生成
07-15
自动给html文件内的引用资源增加版本号，环境是python2.7， 可以直接编辑.py文件，在里面设置忽略的引用。 在html内部查找style 和js 引用，并在文件名称后面加上 ?v=23452(随机)
js版本ver半自动更新
04-01
WEB服务端的js文件如果进行了更新，html中对js文件的引用没有加版本号的情况下，用户浏览网页时，很可能仍然使用缓存中更新前的JS文件，导致体验出现问题。 手动在html中加上?ver=的版本号，频次多了之后开发者自己也会觉得麻烦。 初学python，试着用python写了一个小程序，自动更新js引用的版本号。 使用方法： 1、指定工作目录，因为之后会使用相对路径。例如c:\\inetpub\\wwwroot\\your folder 2、指定工作目录后，程序会自动列出工作目录下的文件 3、配置JS文件数组。因为有很多JS文件基本不会更新(jquey库等),所以需要选出经常会更新的JS文件(一般都是你自己编写的，而且通常在一个或多个文件夹下),你需要一次或多次指定JS文件所在文件夹的相对路径,例如test\js。之后，如果HTML页面中有很多js文件引用，仅仅会更新JS文件数组中的文件引用。 4、配置HTML文件数组。HTML页面包含了对JS文件的引用，而且经常在多个文件夹中。特殊情况，如果是ASP.NET,aspx页面也会包含JS文件引用，经过一次或多次指定，基本就确定了你需要更新的HTML文件和ASPX文件 5、遍历HTML文件数组，找到这些文件，并添加版本号。本程序默认版本号从10000开始，以后每执行一次，版本号会加1，10001，10002...
动态引入JS和css文件，并增加版本号
乔的博客
06-13 1426
在我们进行前端过程中，js文件引入后如果进行了修改那么历史网页就会对原来的js文件进行缓存，为了解决手工清除缓存的工作，计划引入动态加载js文件，并在加载过程中增加版本号的概念；这样就解决了js缓存的问题，如果版本相同则采用缓存否则加载最新的文件，同步也解决了性能的问题；//同步引入js和css问题，要求js文件和css文件名称和所在地址必须相同。
html引用js动态版本号,HTML动态引用js / css
weixin_42501077的博客
06-10 596
const LIST = ['script','css',]function appendDependencies() {const jsList = ['xxxx.xxxx.js',]const cssList = ['xx.css']const fragment = document.createDocumentFragment();// add js_append(jsList, fragm...
vue.js编译时给生成的文件增加版本号
10-18
Vue.js 编译时给生成的文件增加版本号主要通过Webpack的配置实现。以下是一种常见的做法： 1. **增加版本变量**：首先，在Webpack的配置文件（通常是`webpack.prod.conf.js`）中，我们需要定义一个表示版本的变量。...
通用javascript代码判断版本号是否在版本范围之间
11-25
通用判断版本号是否在两者之间,也可以搭配判断是否大于某版本号,小于取反即可 PS:需确保版本规范一致,比如都是.号分割的n位版本号 var APP = {}; //判断指定版本是否在版本范围之间,需确保版本规范一致;比如 (..,...
HTML页面自动清理js、css文件的缓存（自动添加版本号）
12-13
总的来说，自动添加版本号是解决浏览器缓存问题的有效手段，它可以确保用户始终能够获取到最新版本的CSS和JavaScript文件。通过JavaScript、服务器端语言或构建工具，开发者可以轻松地实现这一功能，从而提供更好的...
javascript比较语义化版本号的实现代码
11-22
所谓“语义化版本号”，就是在版本号中体现出语义，或者说版本号本身是有意义的，不再是随意给的一个数字。这个规范将版本号中每个数字的意义都做了比较严格的说明。当然，其中大部分内容还是沿用我们之前说过的业内...
html引用js动态版本号,将版本号添加到HTML文档中的.js和.css引用的正则表达式
weixin_36339710的博客
06-10 763
我有一个HTML文档，我想自动将版本号添加到所有脚本和样式表引用中。将版本号添加到HTML文档中的.js和.css引用的正则表达式以下应更换与其中123456是我的动力版本号。但768,16只做上应保持不变的本地文件。到目前为止，我有以下的正则表达式：$html = preg_replace('#(src|href)=("|\')(?!http)(?!("|\'| |\+))(.*)\.(css|...
h5动态注入js代码
09-12
给h5页面中动态注入js代码，和h5页面进行交互
网站js动态版本管理
【轰炸机】的博客
12-27 584
网站js动态版本管理js动态加版本号用法jsloader.js js动态加版本号 1、每次刷新网页，js统计距离上次检查版本的时间戳，大于时间戳，查询网站版本 2、js资源加版本号 查询版本 按顺序加载js 用法 <!DOCTYPE html> <html> <head> <title></title> <met...
css与js引入添加动态版本号
qq_26660583的博客
11-16 2023
css与js引入添加动态版本号 通过js给引入的css与js文件动态添加版本号，防止浏览器缓存，方便调试。 <script type="text/javascript"> document.write('<script type="text/javascript" charset="UTF-8" src="__STATIC__/webuploader/upload.js?v='+...
如可查看javascript的版本
mygzs的专栏
03-22 6115
            JavaScript版本测试                     //仅支持JavaScript   1.0的浏览器才读该部分         document.write(浏览器支持JavaScript   1.0);                 //仅支持JavaScript   1.1的浏览器才读该部分         document.wr
如何查看node.js的版本号，npm的版本号，vue-cli的版本号
泗水六年的博客
01-30 1237
node -v,npm -v,vue -v
js缓存处理+动态添加版本号的最优方案（个人理解）
Insect的博客
06-11 2764
通过添加listener 在服务启动时将htm、ftl等静态页面引用的js版本号整体替换 1、创建listener import javax.servlet.ServletContext; import javax.servlet.ServletContextEvent; import javax.servlet.ServletContextListener; import java.io.File; import java.io.FileInputStream; import java.io.P
symfony 静态js 增加 assets 动态 版本号 已解决
PHP代码的博客
04-13 691
在日常项目中。 有js 版本更新 但是symofny 缓存功能太强大， 每次修改js 修改版本比较麻烦，看官方文档， 配置文件就可以生效。 代码 样式 framework: assets: version: '311nk2' version_format: '%%s?v=%%s' base_path: /bundles/myBundleName 代码结果 项目 结果 ...
javascript版本怎么查_什么将会替代 JavaScript 呢？
weixin_39546092的博客
12-02 238
作者：JessicaC译者：cyz980908来源：掘金JavaScript 正在蓬勃发展。但由于 WebAssembly 的出现，它的衰落可能只是一个时间问题。有些编程语言很受欢迎。而有些只是被开发人员被迫接受。对于许多程序员来说，JavaScript 就是后者中的一个例子，每个前端开发人员都需要学习和理解这种语言，但是却没有人喜欢它。十年前，JavaScript 还没有统治世界的迹象。其他的平...
js 产生一个新版本号，版本号自动加1
最新发布
weixin_36878452的博客
01-15 842
【代码】js 产生一个新版本号，版本号自动加1。
Android动态版本号的Html关于页面实现
对于动态显示版本号，JavaScript的作用至关重要。我们可以在HTML页面中嵌入JavaScript代码，或者通过HTML页面引用外部的JavaScript文件。 一个基本的JavaScript知识点包括： - **变量声明**：使用`var`、`let`或`...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值