JSP页面引入或更新外部css文件后无效问题
问题1:css样式文件更新后无效
在Java web项目中,有时候我们更新了css样式文件,但是在打开对应HTML/JSP网页时,发现css样式文件新增内容并没有生效,也就是说新增内容没有加载进去。博主使用的是谷歌浏览器,在浏览器查看应用的css样式文件内容时,发现css样式文件中新增的内容没有被加载到浏览器中。
解决方案
出现这种问题的原因就是浏览器的缓存问题,浏览器会将css样式文件进行缓存,我们之后对样式css文件进行更新后没有同步到浏览器缓存的版本中去。所以,我们只需要每次请求样式css文件的时候,加个请求时间后缀就可以达到目的啦。
<link rel="stylesheet" href="***.css?v=<%= System.currentTimeMillis()%>" />
问题2:css样式文件引入后无效
有时候,我们在JSP文件引入css文件后,发现加载css样式文件失败,也就是说引入的css样式文件没有生效。
解决方案
很有可能是因为要引入的css样式文件编码格式与浏览器编码格式不一致造成的,我们将其编码格式统一设置为utf-8即可。
只要在标签里,添加一个 charset=“utf-8” 就可以了。
例如:
<link rel="stylesheet" type="text/css" href="***.css" charset="utf-8"/>
之后再刷新,就可以看到css样式文件被正常加载了。