关于引用JS和CSS刷新浏览器缓存问题

有时候我们会碰到上线的新版本都要刷新一次缓存的问题。那是因为改了JS的内容，但是JSP引用的地方后面的字符串未发生改变导致浏览器读取浏览器缓存而不会重新加载新的JS内容，以下提供两种解决方式：

1.每次上线会更新一个版本号，用版本号作为引用的字符串：

<script type="text/javascript" src="${scripts}/specialCustomerCfg${debugMode?‘‘:‘.min‘}.js?v=${releaseVersion}_${version}"></script>

2.每次修改了一个新的js，在引用此js的地方更新日期编号：

<script type="text/javascript" src="${scripts}/specialCustomerCfg${debugMode?‘‘:‘.min‘}.js?20161202"></script>

时间： 2024-11-06 23:19:27

关于引用JS和CSS刷新浏览器缓存问题的相关文章

Ajax清除浏览器js、css、图片缓存的方法

做东东时都是把图片在服务器的地址存放在数据库里面,然后到浏览器中显示,但是后来发现了两个问题. 第一:为了安全起见,js是无法读取本地的图片的,不然你写一个js,岂不是可以获取任何人电脑里面的文件了. 第二:图片存在的是在服务器的硬盘上面,而不是在客户的硬盘里面,所以也是取不到的 后来在网上找方法,找的方法,都是各种转换二进制到xml中,的各种高大上的答案,然后本人又实在太懒了,就自己想了一个 方法,就是利用BufferedImage这个类. 开始 首先说说我的思路,就是把本地的图片,加载到内存

web网站css，js更新后客户浏览器缓存问题，需要刷新才能正常展示的解决办法

问题描述 最近将公司官网样式进行了调整,部署到服务器后访问发现页面展示不正常,但是刷新之后就会展示正常. 问题分析 研究之后发现可能的原因有 css文件过大,加载缓慢 本地缓存问题,虽然服务器修改了css文件,但是浏览器仍然使用本地缓存的css, 需要用户多刷新一次才能正常展示显然是很不合理的,那么怎么样解决更新后让浏览器请求新的css或js文件呢? 解决办法 方法1 更新文件后更改css/js文件名. 其实解决这个问题很简单,缓存是通过文件名标记缓存的内容的.在你更新了网站的css文件内容后,

【转载】web网站css，js更新后客户浏览器缓存问题，需要刷新才能正常展示的解决办法

原文:http://blog.csdn.net/csdn100861/article/details/50684438 问题描述 部署到服务器后访问发现页面展示不正常,但是刷新之后就会展示正常. 问题分析 可能的原因有 css文件过大,加载缓慢 本地缓存问题,虽然服务器修改了css文件,但是浏览器仍然使用本地缓存的css, 需要用户多刷新一次才能正常展示显然是很不合理的,那么怎么样解决更新后让浏览器请求新的css或js文件呢? 解决办法 方法1 更新文件后更改css/js文件名. 其实解决这个问

引用js或css后加?v= 版本号的用法

[plain] view plain copy print? <span style="font-size:14px;">css和js带参数(形如.css?v=与.js?v= 或 .css?version=与.js?version= ) <script type=”text/javascript” src=”jb51.js?version=1.2.6″></script> <link rel=’stylesheet’ href=’base.cs

html实现自动清理js、css文件的缓存

方法如下: 1.手动清除浏览器缓存: 2.添加版本号 方法一:可以通过js自动给html添加版本号 <script type="text/javascript"> document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>"); </script> 方法二:若是

利用 filter 机制 给 静态资源 url 加上时间戳，来防止js和css文件的缓存，利于开发调试

直接上代码: public class WeiXinFilter implements Filter{ private static Logger logger = LoggerFactory.getLogger(WeiXinFilter.class); public void init(FilterConfig fConfig) throws ServletException {} public void destroy() {} public void doFilter(ServletReq

Django项目中引用js,css文件的可行方法

首先,在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹 第二,在项目同名的app中settings文件末尾添加以下内容: STATIC_URL = '/static/' HERE = os.path.dirname(os.path.abspath(__file__)) HERE = os.path.join(HERE, '../') STATICFILES_DIRS = ( # Put strings here, like "/hom

为js和css文件自动添加版本号

web应用必然要面对缓存问题,无论前台后台都会涉足缓存.特别是对于前端而言,缓存利用的是否得当直接关系到应用的性能. 通常情况下,我们会倾向于使用缓存,因为缓存一方面可以减少网络开销,一方面可以减轻服务器的压力. 但是有些时候缓存也会带来一些比较诡异的问题,呵呵.关于缓存的文章应该不在少数,不再讨论,本文的重点在于为js和css文件自动添加版本号. 这样做的原因是:首先对于js和css类型的静态文件设置了缓存机制,当文件被更新时,需要强迫浏览器下载修改后的新文件,也就是要更新缓存,而通过为js和

.net对js和css、img剥离项目进行压缩优化、cdn加速

由于网站首页以及经常用的页面初始化慢,想后面想了对image.js和css进行迁移优化. 1.把他放到独立的域名上面,这个就要对image,js和css从原项目上面脱离,以及把原来很多页面引用的地址修改成为带域名的,对于image.js和css脱离很简单(自己写个移动文件的工具去遍历文件夹查询相对应的文件就可以了,在新域名的那边多了一层这个项目的目录,下面的结构按原来的目录移动到这个目录的下面,尽量保持目录结构不变),在移动的过程中把文件夹以及文件名全部改为小写,因为到时候这些要放到cdn上面,