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 166
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 558
经常修改主题，因为缓存的缘故，难免遇上需要访客浏览器强制刷新的情况。但是尽量增加客户端css，js，图片缓存时间是提高站点访问速度的一个关键因素，为解决这个矛盾，常见的方法是在css和js后面跟上一段时间戳。当css、js文件修改后，相对应的URL发生变化，让浏览器主动去更新这些文件。而在平时，通过修改站点根目录下的.htaccess给css/js一个尽可能长的缓存时间。下面是该方法在wordpr...
用简单CSS做常用前缀或后缀三角形（记录）
a666666000的博客
09-23 353
可以直接copy的前缀或后缀三角形
给打包文件的加上时间或者版本号
兔子零
05-04 2199
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
cssRefresh:CSSrefresh - 自动刷新 CSS 文件
06-11
css刷新 基于 添加了一个名为持续时间的变量来控制 CSS 重新加载持续时间 所有带有 rel="autoload" 的标签只会被重新加载 在您的网页中包含脚本：<script type="text/javascript" src="
全文引入css加入时间戳t=<%=System.currentTimeMillis() %>以及js加版本号
飞火龙在天的博客
04-05 5759
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 8237
浏览器会缓存之前的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 9759
基本用法 为防止浏览器缓存，一般会在js和css文件后添加版本号，但每次手工改将会很麻烦，因此可以考虑自行将文件修改时间作为版本号，并且自动附加到页面上。 先写一个获取文件名的公共方法： public string GetFileTimeStampString(string filePath) { FileInfo fi = new FileInfo(Server.MapPath(file
css样式构建后缺失和生效不及时加时间戳
sinat_36017053的博客
02-02 108
构建缺失图片
url加时间戳方法及作用
as965874的博客
02-09 5320
场景复现：在页面通过绑定url显示一个图片，当鼠标移动到图片上面时显示上传阴影图标，上传完成之后，显示最新的图片。 产生问题：上传图片之后，页面显示的图片并没有发生变化，刷新几次浏览器之后才会发生变化。 解决方案：将绑定的图片url后面加上时间戳。 原来url "https://uatcdn.software.com/upload/one.png" 修改后url "https://uatcdn.software.com/upload/one.png"+'?timestamp=' + new
【前端】静态网页引入JS、CSS地址添加参数时间戳
大白菜啊
02-12 1908
静态网页JS/css地址加时间戳
时间戳的作用,如何定义时间戳?
SHUKEd的博客
06-21 680
当我们在做项目的时候，引用js或者css是通常会在后面加上时间戳，举例如下： <link href="/congent/css1?v=@Config.InitTimestamp" type="text/css" rel="stylesheet"/> v的后面就是引用的时间戳，那么时间有什么作用，该如何定义了？具体如下>> 时间戳的作用 好多Linux + Apache的服务器都会对CSS、JS和图片这些静态的内容设置缓存，到了IE这里又会在本地做一个缓存。所以当我们更新了
如何解决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、付费专栏及课程。

余额充值