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

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

开启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后面加上时间戳就可以了

要浏览器不缓存资源就加http返回头加个Cache-Control:max-age=0
如果只是本地开发用chrome开发者工具有个选项是当开发者工具打开时候禁用缓存的
或者用fiddler/charles来代理,强制加上这个头

其他人的答案都可行,选择对自己有利的一种吧。目的就是让浏览器知道文件过期了,进而让它不用那些过期的文件。