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样式文件被正常加载了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值