测试同学问我为什么每次让我清缓存(聊聊浏览器的缓存)

Python微信订餐小程序课程视频

https://edu.csdn.net/course/detail/36074

Python实战量化交易理财系统

https://edu.csdn.net/course/detail/35475

前言

最近一个好奇的测试同学问我,你们前端开发完成后,每次都让我们清缓存或者Ctrl+f5强制刷新,我能不能每次不用强制刷新,就能看到你们更新的内容呢。我说是可以做到的,我来跟你讲讲浏览器的缓存策略。我相信应该有不少的同学在工作中都会遇到这种情况,让你的测试同学清缓存等。

缓存

浏览器缓存是为了节约网络的资源加速浏览,浏览器在用户磁盘上对最近请求过的文档进行存储,当访问者再次请求这个页面时,浏览器就可以从本地磁盘或内存中显示文档,这样就可以加速页面的阅览。

浏览器缓存主要有两类:强缓存:cache-controlExpires 缓存协商:Last-modifiedEtag

所有的缓存策略都是通过http header里设置的。

浏览器缓存.png

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在web项目中,页面缓存除是指从浏览器缓存中删除已缓存页面数据,以便在下次访相同页面重新获取最新版本的页面内容。这样可以保证用户能够看到最新的页面展示,而不是过缓存数据。 传统的做法是通过手动刷新浏览器页面缓存,但这种方法需要用户主动操作,不够便捷。为了解决这个题,我们可以借助一些技术手段,实现自动页面缓存,而不需要每次刷新浏览器。 一种常见的方法是在网页的URL中加入一个间戳或版本号参数。当页面内容发生改变,例如更新了CSS样式或JS脚本,我们可以通过修改URL中的间戳或版本号,使浏览器认为该页面是一个新的资源,从而强制重新加载页面内容。 另一种方法是使用HTTP响应头中的Cache-Control和Expires字段。通过设置这些字段的值为0或一个未来的日期,我们可以指示浏览器在访页面不要使用缓存,而总是重新从服务器获取最新的页面内容。 除了以上两种方法,我们还可以使用一些前端开发框架或工具,如React、Angular或Vue.js等,在开发过程中自动处理页面缓存除。这些框架通常具有自动或手动的缓存除机制,可以根据开发者的需求灵活配置。 总结来说,为了实现页面缓存除,不需要每次刷新浏览器,我们可以通过在URL中添加间戳或版本号参数、为HTTP响应头定义适当的缓存控制字段、或使用前端开发框架来自动处理缓存除。这些方法都可以确保用户在访web项目能够得到最新的页面内容,提供更好的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值