浏览器缓存问题导致html页面布局错乱问题

我写了一个网页,但是每次进行修改代码上传服务器以后,浏览器访问域名还是显示上次的页面,有些时候直接就是css和js错乱了,
清除了浏览器的缓存以后网页就正常,请问有没有什么代码在别人访问的时候清除一下缓存不至于布局错乱,我的前端是html后端是java tomcat 解析

12个回答

开启Tomcat的热部署

 引用js和css的时候加上一个随机数作为参数,比如

<script src="xxx.js?r=5542374924723">

你可以在jsp里用随机数或者当前时间日期作为参数给它。这样浏览器会强制下载新的js / css

可以把浏览器缓存关掉

谷歌浏览器开启隐身模式,无缓存打开网页

把浏览器缓存清除 ctrl+F5 强刷页面就可以了

这个问题,确实很烦,
下面是解决方法:
在js文件地址或css地址后,加版本号,你修改了后,就把版本号改一下,
如下:

这样浏览器会认为是新的文件,从而进行加载。

回答这个,代码还要过滤script ,郁闷了,

如下引用:
PUBLIC/jsLibrary/Jslibary.js?v=1.004

加入版本号以后应该就可以解决这个问题了.

引用的css文件和js文件名中以版本号命名,这样就能解决你的问题了。

给js和css后面加上时间戳就可以了

共12条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
浏览器缓存的相关问题
当使用浏览器缓存下js文件后,在动态添加script标签再次调用这个js文件是,浏览器是再次发送一次请求还是直接使用缓存的js文件??
jsp中引用js文件浏览器缓存,导致改了js文件以后无法及时出效果
``` 问题如标题所示,发现改了js文件以后要清楚浏览器缓存才可以显示最新的js效果, 从网上看了许多在引入后面加版本号之类的,那我开发阶段难道改一次js就要改一下 jsp中的引用吗,如果有10个地方引用这个js文件呢,岂不是爆炸,有没有很好的方法 解决这个问题的,可以在开发的时候,及时显示修改过的js效果。 ```
项目发布时解决浏览器缓存JS的问题,不加版本号,采用脚本清除缓存
项目发布时解决浏览器缓存JS的问题,不加版本号,采用脚本清除缓存
JSP页面浏览器缓存问题
在我的一个iframe中包含了一个JSP页,在这个页中用ajaxfileupload上传了俩图片,上传图片的部分位于一个表单中,表单提交后还跳到当前页,但是我新上传图片后新上传的图片虽然覆盖了原先的图片,但是在网页中仍然显示原先的图片,郁闷郁闷,我觉得是缓存问题,但是在该jsp页加 ![图片说明](https://img-ask.csdn.net/upload/201509/19/1442626871_98938.png) response.setDateHeader("Expires", 0); response.setHeader("Cache-Control","no-cache"); response.setHeader("Cache-Control","no-store"); 都不大起作用,时而好使,时而不好使! 求大神帮解 [图片说明](https://img-ask.csdn.net/upload/201509/19/1442626708_621648.png)
html页面CSS缓存问题?
html页面手动刷新和清理浏览器缓存的情况下都无法清理缓存,html显示的页面样式还是旧的、未更新过的。试过在css引用路径加版本号都无法解决?
客户浏览器缓存 《域名/index.html》,但是改版后没有index.html,访问就报404
网站改版,客户浏览器缓存 《域名/index.html》,但是改版后没有index.html,访问就报404,能否 《域名/index.html》重定向到 域名
调试web程序时的缓存问题,怎么让浏览器每次都重新发送请求到服务器
用的Tomcat8.0,用eclipse修改html或jsp文件后,刷新浏览器经常不能及时获得最新数据,猜测是缓存问题,用firebug看了响应头果然有一个来自缓存的响应头,请问怎么每次都让浏览器发送新的请求而不是调用缓存。
浏览器缓存和304的冲突问题
<p>最近学习apache的配置,发现Expires和304的一个问题<br>1.在浏览器请求静态文件时,如果之前访问过,则apache直接返回304,然后浏览器就直接调用浏览器缓存了<br>2.然后我开启apache的mod_expires.so配置后,浏览器还是请求了服务器,然后服务器返回304,跟不开启mod_expires.so情况没有区别,而且http头信息上Expires已经确实被正确设置了<br>以上问题在IE和firefox都是一样的<br>那是不是说,设置expires已经没有意义了,反正服务器会比对静态文件的时间戳,然后返回304;而设置了expires浏览器也还是会请求服务器的?<img src="/images/smiles/icon_cry.gif" alt=""><br>有大大能够解答下吗<img src="/images/smiles/icon_redface.gif" alt=""></p> <p> </p>
实现清除浏览器缓存功能
我想用js或者jq实现清除指定浏览器缓存的功能,就像浏览器自带的清除缓存功能。(不是设置缓存不可用那种清除),该如何做呢?
tornado框架,前端css资源,浏览器无法缓存的问题
公司的云平台上线,网页点击特别卡,打开谷歌的F12,查看network, 发现好几个三四百K大的css文件,加载耗时一两秒,共耗时6s左右。 然后决定将静态资源缓存在浏览器,二次加载时就不用去服务器请求资源。 网上查了好多资料,描述基本一致,说是tornado框架在页面上使用模板语言, 一个 static_url 函数,即引用css资源时写为:<link rel="stylesheet" href="{{static_url('aaa.css')}}">, 这样可以实现css缓存。 可事实却并非如此,实验发现,部分大小较小,比如几B的css文件可以次次都去读缓存, 但是那几个较大的css文件不是每次都去读缓存,大多数时间还是去请求服务器资源的。 ![图中显示的资源多次刷新没有读取缓存](https://img-ask.csdn.net/upload/201711/13/1510542676_68751.png) ,而且奇葩的是,像js,img这样的资源不论有多大都会缓存。这个问题一直没有解决就暂时搁置了。 然后去申请云平台的数字证书,买完后,将证书安装,打开首页,地址栏由原来的不安全显示为安全。 然后又随手刷新了几次页面,突然发现,页面加载速度变快了,打开F12发现,所有的css文件都去读缓存了 ![图中可见from cache字样,是读取缓存的](https://img-ask.csdn.net/upload/201711/13/1510542694_543678.png) ,难道缓存与否跟认证的整数有关系么?接着把安装好的证书拿掉,换回原来的非认证的证书,果然浏览器又不缓存了。 所以在这里请各位解答我的疑惑, tornado + bootstrap, 前端浏览器如何实现css静态资源的缓存? 浏览器的缓存是否与CA认证的证书有关?
微信内置浏览器缓存数据丢失问题
开发的公众号遇到本地缓存数据时不时丢失的问题,找不到解决的方案,如有遇到类似问题,望帮忙解答
如何彻底禁止视频文件被浏览器缓存到本地
遇到一个需求问题:希望视频文件可以通过网站在线观看,但是不允许浏览器把视频缓存到本地 我查看过优酷土豆等网站,只要观看过一个视频,这个视频就可以在IE浏览器的缓存目录中找到对应的文件 不知道.net怎样可以做到禁止缓存视频文件,变换的思路方式也可以,求大神解答
html页面如何清理缓存
1.页面上添加了 <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="expires" content="0"> 2.跳转页面的时候路径也添加了随机数 window.location.href="index.html?ran="+Math.random(); 但缓存有时依然存在。比如改了页面,一开始没效果,清除浏览器缓存后就可以了。请问还有哪些清除缓存的方法?
禁止浏览器缓存的过滤器问题
刚入门,写了一个禁止浏览器缓存的过滤器 以下是代码: ``` public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException { HttpServletRequest request=(HttpServletRequest) req; HttpServletResponse response=(HttpServletResponse) resp; response.setDateHeader("Expires", -1); response.setHeader("Cache-Control", "no-cache"); response.setHeader("Pragma", "no-cache"); chain.doFilter(request, response); } ``` ``` <filter> <filter-name>NoCacheFilter</filter-name> <filter-class>cn.my.web.filter.NoCacheFilter</filter-class> </filter> <filter-mapping> <filter-name>NoCacheFilter</filter-name> <url-pattern>*.jsp</url-pattern> </filter-mapping> ``` 但是过滤器没反应,求解。代码测过访问jsp时有进入过滤器,但是依旧有缓存,是我写错了么?
浏览器清除缓存后访问服务器页面加载超级慢,进个登陆界面就要2分钟
访问公司服务器上的java web 项目,当浏览器清除缓存后,页面要加载2分钟才好,第二次访问就挺快了,然后再清除缓存又会加载好长时间,但是后来我发现当刷新页面时接着点暂停再点刷新页面立马就加载完了,请问这是怎么一回事,该怎么解决?
Android在做网络白名单时,出现浏览器缓存访问异常
各位大神,小弟在做Android系统开发时,实现一个动态网络白名单功能,也就是说白名单可以动态改变,但是出现由于浏览器(比如UC、QQ等)由于缓存出现异常等现象。 步骤: 1.白名单开放www.taobao.com,打开浏览器,输入网址,能访问淘宝 2.白名单删除www.taobao.com白名单之后,打开浏览器,还是能访问淘宝。 我想问的是如何删除这些特定浏览器的缓存?我要适配的是所有浏览器啊
Java代码清除浏览器缓存或者前端代码清除
集成Espace之后(华为内部使用==QQ即时软件一个意思),每次必须通过手动清楚缓存集成Espace才能用,我通过在html页面代码以及 <% response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cache"); response.setDateHeader("Expires", 0); %> 这两种方式都做过浏览器缓存清除,但都没达到目的!!希望各位前辈给个很好的解决方法!!谢谢了!!
Websphere部署项目后,页面布局乱了,用360清了缓存就没问题了
WAS8.5部署的项目,登陆后页面布局有时候会乱了,但是用360清理一下缓存,就又正常了,求解决办法
关于微信浏览器刷新问题
各位大神好,我前一段时间开发公众号网站发现一个问题,像当前页面刷新,如果使用window.location.reload(),在安卓中会因为缓存问题导致无法刷新,而在苹果系统却没有这个问题,有大神能给解释一下么,拜托拜托
相见恨晚的超实用网站
相见恨晚的超实用网站 持续更新中。。。
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
python 简易微信实现(注册登录+数据库存储+聊天+GUI+文件传输)
socket+tkinter详解+简易微信实现 历经多天的努力,查阅了许多大佬的博客后终于实现了一个简易的微信O(∩_∩)O~~ 简易数据库的实现 使用pands+CSV实现数据库框架搭建 import socket import threading from pandas import * import pymysql import csv # 创建DataFrame对象 # 存储用户数据的表(...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
刷了几千道算法题,这些我私藏的刷题网站都在这里了!
遥想当年,机缘巧合入了 ACM 的坑,周边巨擘林立,从此过上了"天天被虐似死狗"的生活… 然而我是谁,我可是死狗中的战斗鸡,智力不够那刷题来凑,开始了夜以继日哼哧哼哧刷题的日子,从此"读题与提交齐飞, AC 与 WA 一色 ",我惊喜的发现被题虐既刺激又有快感,那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享,经过激烈的颅内斗争,我决定把我私藏的十几个 T 的,阿不,十几个刷题网...
JavaScript 为什么能活到现在?
作者 | 司徒正美 责编 |郭芮 出品 | CSDN(ID:CSDNnews) JavaScript能发展到现在的程度已经经历不少的坎坷,早产带来的某些缺陷是永久性的,因此浏览器才有禁用JavaScript的选项。甚至在jQuery时代有人问出这样的问题,jQuery与JavaScript哪个快?在Babel.js出来之前,发明一门全新的语言代码代替JavaScript...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
吐血推荐珍藏的Visual Studio Code插件
作为一名Java工程师,由于工作需要,最近一个月一直在写NodeJS,这种经历可以说是一部辛酸史了。好在有神器Visual Studio Code陪伴,让我的这段经历没有更加困难。眼看这段经历要告一段落了,今天就来给大家分享一下我常用的一些VSC的插件。 VSC的插件安装方法很简单,只需要点击左侧最下方的插件栏选项,然后就可以搜索你想要的插件了。 下面我们进入正题 Material Theme ...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
开源并不是你认为的那些事
点击上方蓝字 关注我们开源之道导读所以 ————想要理清开源是什么?先要厘清开源不是什么,名正言顺是句中国的古代成语,概念本身的理解非常之重要。大部分生物多样性的起源,...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Python 植物大战僵尸代码实现(2):植物卡片选择和种植
这篇文章要介绍的是: - 上方植物卡片栏的实现。 - 点击植物卡片,鼠标切换为植物图片。 - 鼠标移动时,判断当前在哪个方格中,并显示半透明的植物作为提示。
相关热词 c# 引用mysql c#动态加载非托管dll c# 两个表数据同步 c# 返回浮点json c# imap 链接状态 c# 漂亮字 c# 上取整 除法 c#substring c#中延时关闭 c#线段拖拉
立即提问