解决:浏览器无法及时更新css样式等改动

当我们打开浏览器调试前端项目时,有时候会发现明明在本地编辑器中已经对文件进行了修改,

但是浏览器刷新页面后却没有实时更新修改过的内容,这是因为没有关闭浏览器的自动缓存功能,

若不关闭这一功能,那么当你第一次请求资源之后,浏览器会自动缓存资源,

当第二次请求时,就会先查看cache中有没有资源,如果有就不会到浏览器去请求,而是直接使用本地缓存的资源,

因此我们就无法得到最近的更新。

解决方案很简单:

右键——>检查——>Network——>勾选Disable cache

在这里插入图片描述
OK啦

———————————————————————————————————

开发javaweb项目时修改了一下css文件美化一下网页,发现网页没有改变,首先检查了一下css文件是否成功link

css文件已经连接,继续查错,选中css连接,右键选择Reveal in Sources panel查看css代码发现css内容并没有更新,因为Chrome缓存了之前的css文件并非更新为我更改了的css文件

在这里插入图片描述
解决办法:Ctrl+F5强制刷新页面,重新加载资源

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值