浏览器是从哪里查看强缓存cache-control头的

已于 2024-08-14 20:50:30 修改
阅读量107 收藏
点赞数 2
文章标签： 前端
于 2024-08-14 16:05:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kalinux/article/details/141193657
版权

 浏览器先走强缓存，后走协商缓存。

走强缓存的时候没有向服务端发起请求，那么常说的，浏览器会先查看cache-control字段的值，根据该值决定是走缓存，还是协商缓存，还是直接请求。浏览器去哪里看cache-control这个字段，都没有请求没响应的？

答案就是：上一次响应的资源和响应头会被浏览器缓存下来，所以浏览器每次查看cache-control是从缓存中查看的

kalinux
关注
浏览器缓存问题Cache-Control
qq_35209064的博客
12-31 1345
问题： 有浏览器缓存可以方便我们加载资源，不重复请求。增强用户体验度。但是存在问题，当服务器端更新资源的时候，往往会由于浏览器请求的是缓存的资源，而导致页面无法更新。 这个问题可以解决方案：在构建流程的时候，我们把打包完成的js，在实践打包完成的文件名上，去根据他们内容的hash的结果 加上一串hash码，这串hash码是根据就是js\html\css编码的，他们的内容进行hash计算如果你的js...
http协议（三）缓存头Cache-Control和缓存验证ETag、Last-Modified
Niall_Tonshall的博客
03-22 6043
Cache-Control 通用消息头字段，被用于在http请求和响应中，通过指定指令来实现缓存机制。缓存指令是单向的，这意味着在请求中设置的指令，不一定被包含在响应中。 Cache-Control指令包含了多个指令，分别具有不同的用途，比如设置缓存权限和缓存时间。 指令格式具有以下有效规则： 不区分大小写，但建议使用小写。 多个指令以逗号分隔。 具有可选参数，可以用令牌或者带引号的字符串语法。 1. 指令 1.1 可缓存性 public 表明响应可以被任何对象（包括：发送请求的客户端，代理服务器，等等
浏览器http请求缓存，cache-control是服务器设置，还是浏览器设置
qq_17335549的博客
01-10 3166
浏览器http请求缓存，cache-control是服务器设置，还是浏览器设置
Cache -Control缓存
chengRantianxia的博客
08-05 1004
缓存简介 我们在用http访问时，会先发送一个请求，之后服务器返回一个应答。在开发者工具中，点击网络可以查看。 第一部分General是概要，包含请求地址，请求方式，状态码，服务器地址以及Referrer 策略。 第二部分是应答头部，是服务器返回的。 第三部分是请求头部，是客户端发送的。 这次我们从两个角度来看看http的缓存：缓存控制和缓存校验。缓存控制：控制缓存的开关，用于标识请求或访问中是否开启了缓存，使用了哪种缓存方式。缓存校验：如何校验缓存，比如怎么定义缓存的有效期，怎么确保缓存是最新的。
浅谈http中的Cache-Control
热门推荐
小小郭
09-23 14万+
前言 我们用http访问时，会先发送一个请求，之后服务器返回一个应答，在Chrome的调试器(按F12或右击选择检查)中展现了整个过程： 第一部分General是概要，包含请求地址，请求方式，状态码，服务器地址以及Referrer 策略。 第二部分是应答头部，是服务器返回的。 第三部分是请求头部，是客户端发送的。 在http中，控制缓存开关的字段有两个：Pragma 和 Cache-Contro...
说说HTTP缓存Cache-Control响应头
IT部落格
02-20 9669
前言 除非特别说明，否则以下内容和结论均经过实际测试并验证，测试用的浏览器：Google Chrome 98.0.4758.102正式版。 例子 先看下响应头Cache-Control的一些常见用法。 第一种：Cache-Control:max-age=N 浏览器获取到资源内容后，将资源内容缓存在本地，缓存有效期是N秒。 若过期前再次访问资源，直接使用本地缓存；过期后再访问，则向服务器发请求，若服务器检查资源没有更新，则返回304状态码；如果有更新，则返回200状态码以及新的资源内容。同时浏览器延长本地资源
Cache-control使用Cache-control:private学习笔记
09-30
在打开新窗口、地址栏回车、后退按钮和刷新按钮的场景下，如果设置了`Cache-Control: private`，浏览器会在首次访问时请求服务器，之后的访问会依赖于浏览器的缓存策略，但不会被中间的代理服务器缓存。 2. **其他...
浏览器Cache-Control ETag缓存机制
NxxCalm的博客
10-30 440
问题 最近代理一个源服务器，在源服务器返回的基础上加一些业务，其中一个html(该页面需要在GET请求url不变情况下，根据服务器时间定制document.ready脚本) 后面几次请求html内容没有变化，且在devtool上要么没有发送请求，要么返回200或304 查阅一番资料，原来是浏览器的缓存机制 缓存 https://datatracker.ietf.org/doc/html/rfc7232 https://datatracker.ietf.org/doc/html/rfc7234 浏览
查看Chrome浏览器缓存的方法
永不放弃的博客
01-14 3万+
Google Chrome目前已经是性能最佳，对HTML5/CSS3等网页新技术支持最好的浏览器了，所以我浏览网站，习惯性地总是用Chrome。 最近一段时间，我经常用Chrome浏览国外教学视频网站。有时候看完好的视频后，总想把它从浏览器缓存中找出来保存起来，供教学参考。IE和FireFox下，很容易办到。没想到在Chrome下还费了点脑筋。 虽说Chrome下提供了一个命令chro
Nginx cache-control 配置说明
zzhongcy的专栏
02-10 1万+
网上看到这篇文章说明，很不错，这里转载学习一下。 Nginx下关于缓存控制字段cache-control的配置说明 - 运维小结 - 散尽浮华 - 博客园 前言 HTTP协议的Cache -Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置 Cache-Control并不会影响另一个消息处理过程中的缓存处理过程。请求时的缓存指令： 包括: no-cache、no-store、max-age、 max-stale、min-fresh、only-if-cached...
浏览器如何查看页面缓存内容？
止境博客
12-06 1万+
浏览器有多种缓存，包括cookie，localStorage，sessionStorage。查看缓存可以用代码或者在浏览器控制台查看，下面介绍具体操作方法。 用代码查看 1 在浏览器控制台输入localStorage，可以查看localStorage的值 2 sessionStorage操作方法一样 3 执行"document.cookie"可以...
Cache-Control头各个值的说明
93吸血鬼的学习笔记
10-23 1万+
cache-control的值比较复杂，下面参考RFC文档和MDN网站罗列出的结果。请求头max-age客户端不愿意接受age超过这个值的缓存。并且不接受过期缓存，除非max-stale存在。 总是有值max-stale如果有值，客户端可以接受过期时间不超过指定值的缓存 如果没有值，客户端愿意接受过期缓存而无论过期过久。min-fresh客户端愿意接受一个新鲜度不小于当前age加上指定时间的响应
-webkit-box-reflect属性与倒影效果的实现
最新发布
读心悦
09-13 423
是一个非标准的 CSS 属性，主要用于在 WebKit 浏览器（如 Chrome 和 Safari）中创建元素的倒影效果。这个属性并不是 CSS 规范的一部分，但在实践中经常被用来实现简单而有趣的视觉效果。
Vue使用query传参Boolean类型，刷新之后转换为String问题
q879936814的博客
09-12 424
要解决这个问题，不能直接Boolean处理，因为如果传入false，那么转换成字符串，Boolean(‘false’)会变成true；做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；解决方法：使用JSON.parse处理参数。
计算机毕业设计 基于SpringBoot的课程教学平台的设计与实现 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
weixin_19164791635
09-12 941
本文介绍了一款基于Java、SpringBoot和Vue.js技术的课程教学平台。该平台服务于管理员、学生和教师，提供教学资源管理、课程信息浏览、作业提交与批改等功能，旨在优化教学流程，提升教育质量，促进教育资源的数字化共享，推动教育信息化发展。
（微服务项目）新闻头条——Day1
weixin_73253843的博客
09-13 1133
（微服务项目）新闻头条——Day1
一文读懂 JS 中的 Set 结构
沐爸的博客
09-11 1018
Set 如何使用？和 Map 有什么区别？有哪些属性和方法？又有哪些使用场景？WeakMap 又是什么？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值