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

最新推荐文章于 2024-04-12 12:16:24 发布
最新推荐文章于 2024-04-12 12:16:24 发布 · 80 阅读 · 0
文章标签：

#浏览器

本文介绍了浏览器缓存机制中，F5、Ctrl+F5及地址栏回车三种刷新方式的不同行为。F5会忽略本地缓存使Last-Modified生效，而Expires失效；Ctrl+F5为强制刷新，缓存机制完全失效；地址栏回车则正常访问，两种缓存头均有效。

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

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

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

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

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

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

iteye_20954
关注
浏览器3种刷新说明和相关请求头部
酌沧
01-05 1067
检查本地缓存（Memory Cache 或 Disk Cache）决定是否从服务器获取新资源浏览器会检查缓存，但会向服务器发送条件性请求 ：告诉服务器“如果这个资源自 之后没有修改，就返回 ”。 ：基于 （实体标签），询问服务器“如果 还是 ，就返回 ”。 服务器响应 服务器不会重新发送资源，浏览器直接使用缓存中的版本，减少流量消耗。 如果资源已修改（服务器返回 ） 服务器会返回新的资源，并更新 和 ，浏览器会替换旧缓存。 权威补充 为什么 F5 不是强制刷新？ F5 依
前端性能优化必修课：HTTP缓存机制详解
最新发布
莫循的AI编程博客
03-09 1318
设计HTTP缓存策略就像调配一道复杂的菜肴，需要平衡多种因素：性能与时效性、带宽节约与内容更新、用户体验与服务器负载。没有放之四海而皆准的配方，只有适合特定场景的最佳实践。作为架构师，我们的任务不是追求完美的缓存策略，而是在各种约束条件下找到最佳平衡点。就像一位优秀的指挥家，知道何时该让哪些乐器发声，何时该保持沉默，从而奏出最和谐的乐章。缓存设计不是一次性工作，而是需要随着应用的发展而不断调整和优化的持续过程。通过监控、分析和迭代，我们可以不断完善缓存策略，为用户提供更快、更流畅的网络体验。
浏览器的三种刷新方式
zhouzhou20002000的博客
08-03 1477
三种刷新方式有什么区别
快速清理和刷新浏览器缓存，开发更便捷！
weixin_34151004的博客
04-05 392
1.使用浏览器自带的清理工具清除缓存； 2.Ctrl+F5组合键刷新页面，浏览器不会去读取缓存中的数据，而是重新请求服务器获得数据； 原理：Ctrl+F5刷新时，发出的请求会在请求头上增加两个请求项，Pragma:no-cache和Cache-Control:no-cache，表示所有内容都不会被缓存，可选值： Public：所有内容都将被缓存，在响应头中设置； Private ：内容只缓...
服务器缓存文件刷新,浏览器缓存及刷新
weixin_34551573的博客
08-05 1079
强制缓存：(优先级高，这些参数都是第一次请求资源是服务器给的，也就是服务器设置的)1、服务器开启Cache-Control缓存控制(优先级更高)(相对时间，在这个时间之前不会和服务器通信，本地拿过来直接用)Cache-Control:max-age=3600，这里是3600秒过期，过期前不会和服务器通信，直接用本地缓存Cache-Control:no-cache，不使用本地缓存2、服务器开启Exp...
Ajax中浏览器的缓存问题解决方法
10-27
然而，浏览器的缓存机制可能会导致Ajax请求无法每次都从服务器端获取最新的数据，这就引出了浏览器缓存问题。当我们使用Ajax与服务器进行数据交换时，如果浏览器已经缓存了该请求的响应，它可能会直接返回缓存中的...
浅析IE浏览器关于ajax的缓存机制
10-18
IE浏览器作为早期流行的网页浏览工具，其对于Ajax请求的缓存机制是开发者在使用Ajax技术时需要特别注意的问题。本文将详细探讨IE浏览器对Ajax请求的默认缓存行为、造成的影响以及如何解决这些缓存问题。 首先，IE...
javaweb用户注销后点击浏览器返回刷新页面重复登录问题的解决方法
09-01
在Java Web开发中，用户登录和注销功能是核心部分，而用户注销后点击浏览器的返回按钮，导致页面刷新并重新登录的问题是一个常见的困扰。这个问题的出现主要是由于浏览器缓存了用户登录时的表单信息，当用户注销后，...
浏览器刷新缓存机制
weixin_30902251的博客
10-08 246
缓存可以形象得理解为副本。 静态缓存：是在新内容发布的同时就立刻生成相应内容的静态页面。 动态缓存：是在新内容发布以后，并不预先生成相应的静态页面，直到对相应内容发出请求时，如果前台缓存服务器找不到相应缓存，就向后台内容管理服务器发出请求，后台系统会生成相应内容的静态页面，用户第一次访问页面时可能会慢一点，但是以后就是直接访问缓存了。（动态缓存和静态缓存相比更有优势） 一：地址栏...
深入理解浏览器的各种刷新规则
10-21
给大家详细介绍了PC浏览器的刷新方式，以及简单的介绍了WISE浏览器的刷新方式，文章介绍的很详细，有需要的朋友们可以一起来看看吧。
浏览器缓存与刷新
小黑养成之路
03-14 934
浏览器清理缓存
浏览器刷新与缓存
lyjilu2008的专栏
12-08 238
用谷歌浏览器测试，在设置了Cache-Control=max-age=xxx 的情况下 关于刷新， 地址栏回车，直接从缓存中取，不防问服务器，如果没设置：Cache-Control=max-age=xxx 则会每次访问 F5会去服务器请求文件，如果未修改，在程序设置了的情况下，返回 304 ,不下载文件 Ctrl+F5会去服务器请求文件,并且发送 If-Modified-Since ...
【Chrome】浏览器怎么清除缓存并强制刷新
热门推荐
qq_45677671的博客
01-25 1万+
谷歌 浏览器怎么清除缓存并强制刷新
浏览器缓存
qq_43539854的博客
04-26 1583
浏览器缓存 什么是浏览器缓存 浏览器缓存是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。 浏览器缓存的优点 减少了冗余的数据传输 减少了服务器压力，提升了网站性能 加快了页面加载的速度 协商缓存与强缓存 强缓存：如果缓存资源有效，就不会向服务器发送请求，直接从缓存中读取资源，返回200状态码。 强缓存可以通过两种方式来设置：分别是htpp头信息中的Expires属性和Cache-Control属性。 服务器通过在响应头中添加 Expir
浏览器刷新页面，缓存的处理方式，强制刷新
有一棵树的博客
01-05 1455
这个时候，那么你就应该考虑是不是有缓存，一般你说 【强制刷新】试下呢？如果你改了页面提测了，测试同学说，不对啊，页面没有更新！刷新页面的缓存处理的方式对比。
浏览器缓存 问题
秦璐璐的博客帝国
06-03 435
第一种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 262
前言缓存技术存在于应用场景的方方面面。从浏览器请求，到反向代理服务器，从进程内缓存到分布式缓存。其中缓存策略，算法也是层出不穷，今天就带大家走进缓存。缓存对于每个开发者来说是相当熟悉了，为了提高程序的性能我们会去加缓存，但是在什么地方加缓存，如何加缓存呢？假设一个网站，需要提高性能，缓存可以放在浏览器，可以放在反向代理服务器，还可以放在应用程序进程内，同时可以放在分布式缓存系统中。从用户请求数据到...
【5000字】带你了解透彻浏览器缓存！
程序员成长指北
04-12 258
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号 回复1，加入高级Node交流群为什么需要缓存这里说的不仅仅是我们常见的强缓存和协商缓存，还有浏览器自带的缓存机制，即使我们什么也没有配置也自带的隐式缓存（启发式缓存）;减少向服务器请求的的次数，也减少了服务器的压力 ⭐⭐⭐页面加载速度更快，增加用户体验 ⭐⭐⭐如果没有缓存机制，刷新页面的时候，不管是以什么样的形式刷新（前进/...
react加载第三方库时清除浏览器缓存
09-12
需要注意的是，以上方法只能清除浏览器缓存，但并不能强制用户的浏览器立即更新文件，因为浏览器的缓存机制是由浏览器自身控制的。因此，在开发React应用时，最好遵循版本管理和文件哈希等规范，以保证用户能够在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值