CSS后缀加时间戳 解决页面缓存问题

最新推荐文章于 2023-02-12 14:48:15 发布
最新推荐文章于 2023-02-12 14:48:15 发布
阅读量6.1k 收藏 1
点赞数 4
分类专栏： 分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oljuydfcg/article/details/82876157
版权

1.最近公司更新项目的时候 老客户一直反应页面异常，但是 测试人员的手机是没有问题的，究其原因就是页面css、js的缓存引起的，

那么我们怎么解决这个css、js页面的缓存问题呢 最好的办法就是在css和js后面加一个时间戳或者版本号

是不是太笼统了 没有具体的做法 如果你的页面是服务器端用框架渲染的，你就让他们声明全局变量时间戳 或者版本号 加载css、js后面

如果你的页面是前后分离的 你可以在js里面写一个输出时间戳或者版本号js函数 在css后面引用就ok

框架渲染
rb_Russell
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
使用gulp添加时间戳，压缩css、js
04-23
对于"使用gulp添加时间戳"这个需求，通常是为了确保浏览器能够强制刷新缓存，避免旧的静态资源被使用。`gulp`中可以使用`gulp-rename`插件来实现这个功能。例如： ```javascript const gulp = require('gulp'); ...
Laravel开发-laravel-simpleassets
08-28
`laravel-simpleassets`是Laravel的一个扩展包，它旨在帮助开发者更有效地处理前端资产，特别是解决浏览器缓存的问题。当我们更新了前端资源但希望用户能够立即看到更新的内容时，浏览器缓存可能会成为障碍，因为...
版本更新js,css缓存，路径上加时间戳
darkCloudss的博客
08-01 511
//css路径 <script> var now = new Date().getTime(); document.write('<link href="../css/index.css?v=' + now + '" rel="stylesheet" type="text/css"/>'); </script> ...
js给css加时间戳,js css加时间戳
weixin_42469191的博客
08-04 167
px、em、rem区别介绍px.em.rem区别介绍 PX px像素(Pixel).相对长度单位.像素px是相对于显示器屏幕分辨率而言的. PX特点 1. IE无法调整那些使用px作为单位的字体大小: 2. 国外的大部分网站能 ...&lbrack;ZOJ 1006&rsqb; Do the Untwist &lpar;模拟实现解密&rpar;题目链接:http:/...
js给css加时间戳,给wordpress的css和js加上时间戳
weixin_36241866的博客
08-04 559
经常修改主题，因为缓存的缘故，难免遇上需要访客浏览器强制刷新的情况。但是尽量增加客户端css，js，图片缓存时间是提高站点访问速度的一个关键因素，为解决这个矛盾，常见的方法是在css和js后面跟上一段时间戳。当css、js文件修改后，相对应的URL发生变化，让浏览器主动去更新这些文件。而在平时，通过修改站点根目录下的.htaccess给css/js一个尽可能长的缓存时间。下面是该方法在wordpr...
用简单CSS做常用前缀或后缀三角形（记录）
a666666000的博客
09-23 355
可以直接copy的前缀或后缀三角形
给打包文件的加上时间或者版本号
兔子零
05-04 2200
const Version = new Date().getTime() output: { path: config.build.assetsRoot, publicPath: 'http://www.baidu.com/', // 修改 https://iv...admin 这部分为你的服务器域名 filename: utils.assetsPath('js/[n...
Laravel开发-cachebust
08-27
在Laravel框架中，"cachebust"是一个常见的术语，它指的是通过更改静态资源文件（如CSS、JavaScript或图片）的URL来强制浏览器获取最新版本的文件，而不是使用缓存的旧版本。在Web开发中，这通常发生在更新了前端...
thinkphp5 加载静态资源路径与常量的方法
12-20
在ThinkPHP5框架中，加载静态资源如JavaScript和CSS文件是一项常见的任务，为了方便开发者，框架提供了一系列的常量来简化这一过程。本文将详细解释如何利用这些常量加载静态资源以及ThinkPHP5中的常量分类。 首先...
js、css引用地址后加时间戳
热门推荐
wky9421的博客
10-13 1万+
JavaScript 获取当前时间戳： 第一种方法： var timestamp = Date.parse(new Date()); 结果：1280977330000 第二种方法： var timestamp = (new Date()).valueOf(); 结果：1280977330748 第三种方法： var timestamp=new Date().getTime()； 结果：12
全文引入css加入时间戳t=<%=System.currentTimeMillis() %>以及js加版本号
飞火龙在天的博客
04-05 5760
t="/>  t="/> 时间戳：  一般_t是一个时间戳,带上这个参数就等于重新请求了一次服务器,因为参数值变了,不带这个参数的话每次请求都是一样的,后面的请求就会走缓存了.不利于静态文件更新.所以一般build系统都会加上一个版本号或者hash防止客户端缓存.有更新的话修改_t的值就会重新获取一次,就不会取缓存的内容了.。
无序列表作为时间轴
CSS 初学者指南
06-28 174
这是一种令人耳目一新的（但很巧妙）的方法，它使用来自Peter Cooper的直接，语义上无序列表（ <ul> ）创建垂直时间线。 ol { list-style-type: none; } li { position: relative; margin: 0; padding-bottom: 1em; padding-left: 20px; } li:...
如何在引用javascript、css文件时添加时间戳，解决浏览器缓存问题
LonewoIf的博客
03-18 8255
浏览器会缓存之前的javascript，css的版本，更新了javascript，css文件后，浏览器不会更新。所以在引入相关javascript、css文件时添加一个时间戳，能够让浏览器加载我们的最新版本。 <link rel="stylesheet" href="/css/element.css?_t=<%=new Date().indexOf()%>"> <script type="text/javascript" href="/js/element.js?_t=&.
js和css文件自动在后缀处添加版本号（.NET）
Leckun的专栏
11-29 9760
基本用法 为防止浏览器缓存，一般会在js和css文件后添加版本号，但每次手工改将会很麻烦，因此可以考虑自行将文件修改时间作为版本号，并且自动附加到页面上。 先写一个获取文件名的公共方法： public string GetFileTimeStampString(string filePath) { FileInfo fi = new FileInfo(Server.MapPath(file
css样式构建后缺失和生效不及时加时间戳
sinat_36017053的博客
02-02 110
构建缺失图片
解决html页面引用的js或者css路径增加时间戳去除调试的客户端缓存代码
徊忆羽菲
05-20 2116
在js或者css路径增加时间戳去除调试的客户端缓存js文件后缀增加时间戳css样式文件后缀增加时间戳 js文件后缀增加时间戳 <script> var version=1; +function () { var mDate=new Date(); version=mDate.getMilliseconds(); console.log(version); }(); </script> <script
【前端】静态网页引入JS、CSS地址添加参数时间戳
大白菜啊
02-12 1916
静态网页JS/css地址加时间戳
css日期切换年份,通过文件修改时间来强制更新css、js等文件版本号
weixin_36459720的博客
08-04 346
经常修改wordpress的css或者js文件后，经常要清理缓存插件、浏览器缓存、cdn缓存。。。很麻烦。最便捷的方法是修改文件的版本号，让每一次修改后的版本号都不一样。比如libs.css?ver=1616566988这样每次修改完，改变版本号，客户端浏览器就会重新下载新的js或css文件，起到刷新缓存的作用。不用再去手动刷新缓存了。我们要用到函数filemtime()，文件的内容上次被修改的时...
css加入日期,根据日期或时间的日期或时间更改CSS
weixin_35024589的博客
08-03 769
我有一个关于加载基于一天中的时间或日期更改CSS的JavaScript的问题。根据日期或时间的日期或时间更改CSS问题：如何缓存图像以避免页面间的加载？该脚本工作正常，并根据一天中的时间将该类添加到正文和标题中。但是，当用户点击网站的下一页时，它将重新加载相同的CSS类，并使该网站在加载CSS之前闪烁为白色。我已将脚本放置在页面底部和标题中。但它仍然在加载脚本的每个页面上闪烁。每当用户从页面转到页...
如何解决html+js+css缓存问题
最新发布
06-10
HTML、JS和CSS缓存问题可以通过以下几种方式来解决： 1. 文件版本控制：给每个文件添加版本号，每次文件更新时修改版本号，这样浏览器会重新请求最新的文件。 2. 强制缓存和协商缓存：可以通过设置HTTP响应头来...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值