浏览器三种刷新方式所采取的缓存机制

最新推荐文章于 2024-09-15 14:02:52 发布
最新推荐文章于 2024-09-15 14:02:52 发布
阅读量4.1k 收藏 3
点赞数
分类专栏： 技术积累 文章标签： 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cutesource/article/details/5494148
版权

众所周知浏览器是通过Last-Modified和Expires来处理缓存的，具体机制就不做解释，而在具体调试中发现并不按我们想象的方式进行，其原因很有可能是由于你的不同刷新方式导致。

对于大多数浏览器而言，有三种刷新方式：

  • F5
  • Ctrl+F5
  • “转至”或地址栏里回车

而这三种刷新方式会导致浏览器采取不同的缓存机制：

  • F5：不允许浏览器直接使用本地缓存，因此Last-Modified能起作用，但Expires无效
  • Ctrl+F5：是强制刷新，因此缓存机制失效
  • “转至”或地址栏里回车：正常的访问，Last-Modified和Expires都有效

知道有这么一回事后就不会在调试中感到疑惑了。

浏览器三种刷新方式的缓存机制-----单点登录SSO的实现原理---PHP版单点登陆实现方案
单向街的夏天
07-13 4324
众所周知浏览器是通过Last-Modified和Expires来处理缓存的，具体机制就不做解释，而在具体调试中发现并不按我们想象的方式进行，其原因很有可能是由于你的不同刷新方式导致。 对于大多数浏览器而言，有三种刷新方式： F5Ctrl+F5“转至”或地址栏里回车 而这三种刷新方式会导致浏览器采取不同的缓存机制： F5：不允许浏览器直接使用本地缓存，因此Last-Modif
Ajax中浏览器的缓存问题解决方法
10-27
然而，浏览器的缓存机制可能会导致Ajax请求无法每次都从服务器端获取最新的数据，这就引出了浏览器缓存问题。当我们使用Ajax与服务器进行数据交换时，如果浏览器已经缓存了该请求的响应，它可能会直接返回缓存中的...
浏览器的三种刷新方式
zhouzhou20002000的博客
08-03 1357
三种刷新方式有什么区别
快速清理和刷新浏览器缓存，开发更便捷！
weixin_34151004的博客
04-05 335
1.使用浏览器自带的清理工具清除缓存； 2.Ctrl+F5组合键刷新页面，浏览器不会去读取缓存中的数据，而是重新请求服务器获得数据； 原理：Ctrl+F5刷新时，发出的请求会在请求头上增加两个请求项，Pragma:no-cache和Cache-Control:no-cache，表示所有内容都不会被缓存，可选值： Public：所有内容都将被缓存，在响应头中设置； Private ：内容只缓...
浏览器缓存机制
最新发布
qq_29579625的博客
09-15 818
浏览器缓存机制是前端性能优化中至关重要的一环，它通过缓存之前请求过的文件，以提高页面再次访问时的加载速度。
服务器缓存文件刷新,浏览器缓存及刷新
weixin_34551573的博客
08-05 1019
强制缓存：(优先级高，这些参数都是第一次请求资源是服务器给的，也就是服务器设置的)1、服务器开启Cache-Control缓存控制(优先级更高)(相对时间，在这个时间之前不会和服务器通信，本地拿过来直接用)Cache-Control:max-age=3600，这里是3600秒过期，过期前不会和服务器通信，直接用本地缓存Cache-Control:no-cache，不使用本地缓存2、服务器开启Exp...
浏览器刷新缓存机制
weixin_30902251的博客
10-08 205
缓存可以形象得理解为副本。 静态缓存：是在新内容发布的同时就立刻生成相应内容的静态页面。 动态缓存：是在新内容发布以后，并不预先生成相应的静态页面，直到对相应内容发出请求时，如果前台缓存服务器找不到相应缓存，就向后台内容管理服务器发出请求，后台系统会生成相应内容的静态页面，用户第一次访问页面时可能会慢一点，但是以后就是直接访问缓存了。（动态缓存和静态缓存相比更有优势） 一：地址栏...
浏览器缓存与刷新
小黑养成之路
03-14 812
浏览器清理缓存
浅析IE浏览器关于ajax的缓存机制
10-18
IE浏览器作为早期流行的网页浏览工具，其对于Ajax请求的缓存机制是开发者在使用Ajax技术时需要特别注意的问题。本文将详细探讨IE浏览器对Ajax请求的默认缓存行为、造成的影响以及如何解决这些缓存问题。 首先，IE...
javaweb用户注销后点击浏览器返回刷新页面重复登录问题的解决方法
09-01
在Java Web开发中，用户登录和注销功能是核心部分，而用户注销后点击浏览器的返回按钮，导致页面刷新并重新登录的问题是一个常见的困扰。这个问题的出现主要是由于浏览器缓存了用户登录时的表单信息，当用户注销后，...
浏览器刷新与缓存
lyjilu2008的专栏
12-08 180
用谷歌浏览器测试，在设置了Cache-Control=max-age=xxx 的情况下 关于刷新， 地址栏回车，直接从缓存中取，不防问服务器，如果没设置：Cache-Control=max-age=xxx 则会每次访问 F5会去服务器请求文件，如果未修改，在程序设置了的情况下，返回 304 ,不下载文件 Ctrl+F5会去服务器请求文件,并且发送 If-Modified-Since ...
深入理解浏览器的各种刷新规则
10-21
给大家详细介绍了PC浏览器的刷新方式，以及简单的介绍了WISE浏览器的刷新方式，文章介绍的很详细，有需要的朋友们可以一起来看看吧。
【Chrome】浏览器怎么清除缓存并强制刷新
qq_45677671的博客
01-25 6763
谷歌 浏览器怎么清除缓存并强制刷新
浏览器缓存
qq_43539854的博客
04-26 1448
浏览器缓存 什么是浏览器缓存 浏览器缓存是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。 浏览器缓存的优点 减少了冗余的数据传输 减少了服务器压力，提升了网站性能 加快了页面加载的速度 协商缓存与强缓存 强缓存：如果缓存资源有效，就不会向服务器发送请求，直接从缓存中读取资源，返回200状态码。 强缓存可以通过两种方式来设置：分别是htpp头信息中的Expires属性和Cache-Control属性。 服务器通过在响应头中添加 Expir
浏览器刷新页面，缓存的处理方式，强制刷新
qq_17335549的博客
01-05 971
这个时候，那么你就应该考虑是不是有缓存，一般你说 【强制刷新】试下呢？如果你改了页面提测了，测试同学说，不对啊，页面没有更新！刷新页面的缓存处理的方式对比。
浏览器缓存 问题
秦璐璐的博客帝国
06-03 380
第一种Expires: Wed, 29 May 2019 11:35:28 GMT第二种Cache-Control: max-age=31104000Max-age 使用秒来计量，如：Cache-Control:max-age=645672指定页面645672秒（7.47天）后过期。第三种Last-Modified: Wed, 07 Feb 2018 02:50:58 GMT服务器为了通知浏览器当...
如何清空浏览器缓存_多级缓存的分层架构，缓存设计的五大策略
weixin_39668408的博客
11-14 224
前言缓存技术存在于应用场景的方方面面。从浏览器请求，到反向代理服务器，从进程内缓存到分布式缓存。其中缓存策略，算法也是层出不穷，今天就带大家走进缓存。缓存对于每个开发者来说是相当熟悉了，为了提高程序的性能我们会去加缓存，但是在什么地方加缓存，如何加缓存呢？假设一个网站，需要提高性能，缓存可以放在浏览器，可以放在反向代理服务器，还可以放在应用程序进程内，同时可以放在分布式缓存系统中。从用户请求数据到...
【5000字】带你了解透彻浏览器缓存！
程序员成长指北
04-12 85
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号 回复1，加入高级Node交流群为什么需要缓存这里说的不仅仅是我们常见的强缓存和协商缓存，还有浏览器自带的缓存机制，即使我们什么也没有配置也自带的隐式缓存（启发式缓存）;减少向服务器请求的的次数，也减少了服务器的压力 ⭐⭐⭐页面加载速度更快，增加用户体验 ⭐⭐⭐如果没有缓存机制，刷新页面的时候，不管是以什么样的形式刷新（前进/...
浏览器三种刷新方式对浏览器缓存的影响
yonggang7的专栏
03-23 2610
1.概述 浏览器刷新方式有以下三种，每个对浏览器缓存的影响都不一样。 2. Ctrl+F5 ctrl+F5为强制刷新。也就是不使用浏览器缓存，所有内容都从服务器取。 3.F5 为一般刷新，等同于点击浏览器的刷新按钮。 允许请求中附加必要的缓存协商，不允许使用本地缓存。 这种对 Last-Modified发挥效果，但是对 Expires 无效。 4.输入url
react加载第三方库时清除浏览器缓存
09-12
需要注意的是，以上方法只能清除浏览器缓存，但并不能强制用户的浏览器立即更新文件，因为浏览器的缓存机制是由浏览器自身控制的。因此，在开发React应用时，最好遵循版本管理和文件哈希等规范，以保证用户能够在...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值