三种浏览器刷新操作，对缓存的影响

最新推荐文章于 2021-11-19 16:03:12 发布
最新推荐文章于 2021-11-19 16:03:12 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： 计算机网络 文章标签： 计算机网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39816673/article/details/116056419
版权

简介

刷新浏览器有以下三种操作：

  • 正常操作：地址栏输入URL，跳转链接，前进或者后退
  • 手动刷新：F5，点击刷新，点击菜单刷新
  • 强制刷新：Ctrl+F5

不同刷新操作，不同的缓存策略

  • 正常操作：强制缓存和协商缓存均有效
  • 手动刷新，强制缓存失效，协商缓存有效
  • 强制刷新：强制缓存和协商缓存均无效

如果对强制缓存和协商缓存还不是很了解的朋友，可以看下我这篇博客

『业精于勤』
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解析浏览器缓存——强制缓存与协商缓存
Yes博客
05-25 265
浏览器缓存其实就是浏览器保存通过HTTP获取的所有资源,是浏览器将网络资源存储在本地的一种行为。 哪些资源可以被缓存？——一些静态资源（JS CSS img图片） # 强制缓存 # 协商缓存 # 总结 http缓存——强制缓存Cache-Control 存放在Response Header中 控制强制缓存的逻辑 例如：Cache-Control: max-age=31536000(单位是秒) 浏览器第一次向服务器发起请求，服务器200返回资源和Cache-Control 当浏.
浏览器三种刷新方式对浏览器缓存的影响
yonggang7的专栏
03-23 2565
1.概述 浏览器刷新方式有以下三种，每个对浏览器缓存的影响都不一样。 2. Ctrl+F5 ctrl+F5为强制刷新。也就是不使用浏览器缓存，所有内容都从服务器取。 3.F5 为一般刷新，等同于点击浏览器的刷新按钮。 允许请求中附加必要的缓存协商，不允许使用本地缓存。 这种对 Last-Modified发挥效果，但是对 Expires 无效。 4.输入url
浏览器缓存
QYThh的博客
11-19 1698
什么是缓存呢？ 当我们第一次访问网站的时候，比如 jz.ca163.net，电脑会把网站上的图片和数据下载到电脑上，当我们再次访问该网站的时候，网站就会从电脑中直接加载出来，这就是缓存。 缓存的优缺点： 优点： 缓存减少了冗余的数据传输，节省了你的网络费用。 缓存缓解了网络瓶颈的问题。不需要更多的带宽就能够更快地加载页面。 缓存降低了对原始服务器的要求。服务器可以更快地响应，避免过载的出现。 缓存降低了距离时延，因为从较远的地方加载页面会更慢一些。 缺点： 缓存中的数据可能与服务器的数据不一致； 消耗内存；
浏览器缓存——强制缓存和协商缓存
发子鸡的博客
03-11 1660
对比缓存和强制缓存 什么是浏览器缓存 浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档 浏览器缓存主要指HTTP的缓存–即协议层，协议层缓存可以被分为强制缓存和对比缓存。 一、强制缓存 强制缓存时，浏览器会直接找缓存，如果缓存过期再找服务器。 强制缓存时序图 协议中可以造成强制缓存的字段有： HTTP1.0 Expires：该字段标识缓存到期时间，是一个绝对时间—服务器时间+缓存有效时间 缺点：如果
强缓存和协商缓存
Sherry's Blog
07-29 6214
浏览器缓存包含两种类型，即强缓存（也叫本地缓存）和协商缓存，浏览器在第一次请求发生后，再次请求时： 浏览器在请求某一资源时，会先获取该资源缓存的header信息，判断是否命中强缓存（cache-control和expires信息），若命中直接从缓存中获取资源信息，包括缓存header信息；本次请求根本就不会与服务器进行通信； 如果没有命中强缓存，浏览器会发送请求到服务器，请求会携带第一次请求返...
Firefox的刷新功能与Safari，IE的差距
weixin_34367845的博客
06-30 246
对于多Frame构成的页面，Firefox的刷新功能相比于Safari和IE的刷新功能，做的稍有不足。在Firefox中，打开一个多frame页面，比如http://www.newsmth.net/frames.html。然后随便点击右侧frame的一个链接然后点刷新右侧frame中显示的页面不再是我们刚才浏览的页面，而是整个多frame页面加载时的页面。如果用户点击是一个很深的链接，那么刷新之后...
web项目页面缓存清除，不用每次刷新浏览器
03-02
本资源包提供了关于"web项目页面缓存清除"的操作手册和相关资源，帮助开发者解决因缓存导致的问题，确保用户每次都能看到最新的网页内容，而无需手动刷新浏览器。以下是一些关键知识点： 1. **HTTP缓存机制**：HTTP...
解析浏览器端的AJAX缓存机制
09-02
AJAX缓存机制是浏览器为了提高性能和减少网络带宽消耗而设计的一种策略。它与HTTP缓存有密切关系，但也有其独特之处。 首先，理解AJAX缓存的工作原理：当使用AJAX发送请求到服务器时，浏览器会在首次请求时与服务器...
浏览器缓存问题处理
01-08
根据以上的请求过程，我们来分析一下，为什么浏览器会有缓存。有两种可能：客户端没有向服务器发送文件请求；服务器接收到请求后，没有向客户端返回最新文件。 一、针对第一种可能性，主要涉及到的是http请求及响应...
Adnroid 微信内置浏览器清除缓存
12-19
然而奇怪的是微信app在IOS中是可以刷新页面的，但是Android中却不知道基于什么考虑，无法清除缓存也没有刷新功能，这个就给开发者设置了不小的障碍，哪有页面是最好就不改的，然后如果去改，微信浏览器缓存着css、...
深入理解浏览器的各种刷新规则
10-21
刷新操作在浏览器中分为几种常见类型，每种方式对缓存的处理策略都有所差异，这对于开发者优化网页性能和用户体验至关重要。 1. URL+Enter或A标签的超链接点击刷新：这是最基础的刷新方式，如果用户曾经访问过该...
Safari的刷新与缓存
09-12 4516
  Mac OS 的Safari浏览器，刷新机制看起来与其他浏览器不同，似乎有个“预加载”的机制。比如说，我打开一个叫“test.jsp"的网页，这个网页是用java开发的。代码是下面这个样子： <% System.out.println("test.jsp out start") if(session.getAttribut('name')==null){ return; }...
浏览器缓存问题
weixin_43895751的博客
11-11 967
浏览器缓存的更新不及时问题及解决方案 web网站css，js更新后客户浏览器缓存问题，需要刷新才能正常展示的解决办法 前端开发中会遇到的问题，我们更新已上线的项目，用户的浏览器显示的却是旧版的页面，没有及时获取到我们更新的资源，这是什么原因造成的？此时，如果用户刷新一下页面，就得到更新后的资源，又是为什么？ 答案是浏览器缓存 浏览器缓存是前端优化的一个重要问题，缓存可以带来很多好处： 1、减少冗余的数据传输，节省带宽； 2、减轻服务器的请求负担，有缓存就可以少向服务器发送请求，尤其是访问一些访问量大的网站。
SessionStorage 和 LocalStorage 生命周期 以及 浏览器刷新操作意味着什么？
热门推荐
FKNIGHT 的博客
03-05 1万+
SessionStorage和 LocalStorage 的辨析 SessionStorage和 LocalStorage 是浏览器提供的两种数据存储机制，当然这种实现是依据 HTML5Web 存储标准，具体使用非常简单大家可以自行查阅相关资料。此外目前还有两种很有用的前端存储机制分别叫做 WEB SQL、IndexedDB（这里注意的是：Web SQL 已经不再是 W3C 的标准，不过有...
各种刷新的区别，和缓存304/200
weixin_45629623的博客
12-14 282
先说下缓存 tip:想了解缓存更多，可以去看强缓存、协商缓存为切入口的内容 在使用强缓存时候，会有个过期时间的，这段时间内请求都是用的缓存文件 文件过期后请求，请求头会多一个If-Modified-Since Mon, 04 Jul 2011 10:12:40 GMT 这时间是服务器端之前就告诉你的，是该文件最后的修改时间。现在后端收到该请求会看看文件最新修改时间。 如果时间一致，说明文件没改过，返回304，内容为空。 如果有改动，返回200，和新内容。浏览器会更新缓存 . 缓存和刷新、强制刷新、
浏览器缓存刷新
harryhare的专栏
11-27 4181
https://www.cnblogs.com/xinxiucan/p/7832368.html 在地址栏中输入网址后按回车或点击转到按钮 浏览器以最少的请求来获取网页的数据，浏览器会对所有没有过期的内容直接使用本地缓存，从而减少了对浏览器的请求。所以，Expires，max-age标记只对这种方式有效。 按F5或浏览器刷新按钮 浏览器会在请求中附加必要的缓存协商，但不允许浏览器直接使用本地缓存，...
浏览器缓存原理
weixin_30328063的博客
05-16 343
为什么要使用web缓存？ Web缓存存在于服务器和客户端之间。Web缓存密切注视着服务器-客户端之间的通信，监控请求，并且把请求输出的内容（例如html页面、 图片和文件）另存一份；然后，如果下一个请求是相同的URL，则直接使用保存的副本，而不是再次请求源服务器。 使用Web缓存的好处是显而易见的： 减少网络延迟，加快页面打开速度--缓存比源服务器离客户端更近，因此，从缓存请...
http相关
Dayer的博客
03-09 371
1、http状态码分类及常见状态码 1XX 服务器收到请求 2XX 请求成功，如200 3XX 重定向如302 4XX 客户端错误，如404 5XX 服务端错误，如500 常见状态码 200 成功 301 永久重定向（浏览器自动处理，配合loacation） 302临时重定向（浏览器自动处理，配合loacation） 304 资源未被修改 404 资源未找到 403 没有权限 500 服务器错误 504 网关超时 2、restful API 传统api设计： 把每个URL当.
刷新浏览器，设置本地缓存
最新发布
07-12
// 监听浏览器刷新事件 window.addEventListener('beforeunload', function(event) { // 在这里执行刷新时的逻辑处理 // 例如保存数据到本地缓存 // 设置本地缓存的逻辑处理 localStorage.setItem('key', '...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值