If-Modified-Since & If-None-Match 学习笔记

最新推荐文章于 2023-11-02 11:28:55 发布
最新推荐文章于 2023-11-02 11:28:55 发布
阅读量860 收藏
点赞数
分类专栏： web 文章标签： 服务器 firefox cache 工作 网络
本文介绍了HTTP头部信息Last-Modified与If-Modified-Since及ETags与If-None-Match的作用，它们用于验证客户端缓存资源的有效性。通过这些机制，浏览器能够减少不必要的数据传输并提高网页加载速度。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我们来看一下网上对HTTP 头：Last-Modified 与 If-Modified-Since的介绍。（看了两个博客，都没有图片。）

简单的说，Last-Modified 与If-Modified-Since 都是用于记录页面最后修改时间的 HTTP 头信息，只是 Last-Modified 是由服务器往客户端发送的 HTTP 头，而 If-Modified-Since 则是由客户端往服务器发送的头，可 以看到，再次请求本地存在的 cache 页面时，客户端会通过 If-Modified-Since 头将先前服务器端发过来的 Last-Modified 最后修改时间戳发送回去，这是为了让服务器端进行验证，通过这个时间戳判断客户端的页面是否是最新的，如果不是最新的，则返回新的内容，如果是最新的，则 返回 304 告诉客户端其本地 cache 的页面是最新的，于是客户端就可以直接从本地加载页面了，这样在网络上传输的数据就会大大减少，同时也减轻了服务器的负担。想要详细查看 HTTP 头信息，可以在 Firefox 中安装 LiveHTTPHeaders 插件，安装完成之后按 Alt+L 就可以在 Sidebar 中看到了。

ETags和If-None-Match是一种常用的判断资源是否改变的方法。类似于Last-Modified和HTTP-IF-MODIFIED-SINCE。但是有所不同的是Last-Modified和HTTP-IF-MODIFIED-SINCE只判断资源的最后修改时间，而ETags和If-None-Match可以是资源任何的任何属性，不如资源的MD5等。

ETags和If-None-Match的工作原理是在HTTP Response中添加ETags信息。当客户端再次请求该资源时，将在HTTP Request中加入If-None-Match信息（ETags的值）。如果服务器验证资源的ETags没有改变（该资源没有改变），将返回一个304状态；否则，服务器将返回200状态，并返回该资源和新的ETags。

sqli-labs学习笔记（七）less 18-22 header注入
闵行小鱼塘
09-12 453
继续学习sqli-labs，本篇是less18-22
前端面试题整理-浏览器
C_greenbird的博客
08-14 920
因为Expires参照的是本地客户端的时间，而客户端的时间是可以被修改的，所以会有误差产生的情况，这也是Expires的一个缺点，所以有了后来Http1.1规范的Cache-control。首先执行同步任务，将其放入执行栈中执行，当执行栈中的任务执行完毕后，会去看任务队列中是否有任务需要执行，有的话将其放入执行栈中执行，执行完毕后再去看任务队列中是否还有任务，有的话再放入执行栈，如此循环，称为事件循环机制。（也就是请求资源的地址和目标资源的地址不一致时，浏览器出于安全考虑，会限制两个源的资源交互）。
If-Modified-Since & If-None-Match
weixin_34221332的博客
06-22 268
博客已经搬家，请访问如下地址：http://www.czhphp.com If-Modified-Since & If-None-MatchIf-Modified-Since，和 Last-Modified 一样都是用于记录页面最后修改时间的 HTTP 头信息，只是 Last-Modified 是由服务器往客户端发送的 HTTP 头，而 If-Modified-Since 则是由客户端往...
http协议里的Last-Modified，If-Modified-Since，If-None-Match，ETag的简单理解
weixin_30735745的博客
05-10 539
1.从服务端传给客户端的：　　1）Last-Modified：表示服务端资源最后修改的时间，也就是传给客户端，用于告诉客户端，服务端资源最后修改的时间　　2）Etag：表示字符串唯一标识符，也是传给客户端，用于告诉客户端，表示服务端资源发生修改了的最新标识。因为Last-Modified的一些缺陷，比如只能标识到时间秒等，所以出现了Etag。当然也可以自定义tag。2.从客户端传回服务端的：　...
Last-Modified / If-Modified-Since / ETag / If-None-Match 的区别
0ng的博客
11-18 673
看一圈全都是 Last-Modified和HTTP-IF-MODIFIED-SINCE只判断资源的最后修改时间，而ETags和If-None-Match可以是资源任何的属性 我: ???(好像说了什么又好像什么也没说 修改{资源的任何属性}不会修改{最后修改时间}的吗? 下面的我能看懂,但是又有一个小问题,If-None-Match是不是能取代If-Modified-Since啊 Last-Modified / If-Modified-Since Last-Modified是响应头，If-Modifi
Cache-control使用Cache-control:private学习笔记
09-30
即使资源在缓存中，客户端也会发送条件请求（通常是If-Modified-Since或If-None-Match头）到服务器，确认是否需要获取最新版本。 - **max-age**: 这个指令定义了资源在缓存中被认为是新鲜的秒数。例如，`Cache-...
web前端之浏览器篇——http协议知识汇总
it66682的博客
05-25 1211
Accept-Charset：浏览器可接受的字符集 User-Agent：告诉HTTP服务器，客户端使用的操作系统和浏览器的名称和版本 Content-Type：例如：Content-Type: application/x-www-form-urlencoded。 Connection：例如： Connection: keep-alive 当一个网页打开完成后，客户端和服务器之间用于传输HTTP数据的TCP连接不会关闭，如果客户端再次访问这个服务器上的网页，会继续使用这一条已经建立的连接。HTTP 1.1默
前端跳槽面试必备技巧-笔记
wuzhaoqing325的博客
03-05 858
面试准备 分析职位要求等 一面/二面 面试技巧  准备要充分（基础知识）  知识要系统（前端知识碎）  沟通要简洁（理论知识 一语中的）  内心要诚实（不会可以请教面试官）  态度要谦虚（不要嘚瑟）  回答要灵活（不要把话说满 掌握多少就说多少） 面试模拟 页面布局 解决方案: 浮动 绝对定位 Flexbox 表格布局 网格布局 延伸： 这五种方案各自有什么优点和缺点？ 假设...
HTTP 协议请求头 If-Match、If-None-Match 和 ETag
小单的博客专栏
11-02 6713
在 HTTP 协议中，请求头If-MatchIf-Range主要是为了解决浏览器缓存数据而定义的请求头标准，按照协议规范正确的判断和使用这几个请求头，可以更精准的处理浏览器缓存，从而达到提高系统性能和减少系统带宽的占用的目的。1、 减少了网络交互，加快页面响应速度，增强用户体验；2、 减少了网络带宽消耗，因为没有更新的资源就不需要重复返回了，特别是图片、视频、下载文件这类大响应体请求；当请求中存在上述If-xxx。
HTTP 相应头相关
小强快跑~~
11-09 1331
If-Modified-Since & If-None-Match If-Modified-Since，和 Last-Modified 一样都是用于记录页面最后修改时间的 HTTP 头信息，只是 Last-Modified 是由服务器往客户端发送的 HTTP 头，而 If-Modified-Since 则是由客户端往服务器发送的头，可 以看到，再次请求本地存在的 cache 页面时，客户端会
HTTP头：If-Modified-Since, If-None-Match
阿K_ay的专栏
10-28 4219
参考网址：http://www.cnblogs.com/jams742003/archive/2010/02/01/1660912.html
2021-03-04
weixin_48272043的博客
03-04 472
震惊全网 从输入URL开始建立前端知识体系 Wed前端宝藏系列 浏览器是多进程的，主要分为： 浏览器主进程：只有一个，主要控制页面的创建、销毁、网络资源管理、下载等。 第三方插件进程：每一种类型的插件对应一个进程，仅当使用该插件时才创建。 GPU进程：最多一个，用于3D绘制等。 浏览器渲染进程(浏览器内核)：每个Tab页对应一个进程，互不影响。 第一部分 输入网址并解析 这里我们只考虑输入的是一个URL 结构字符串，如果是非 URL 结构的字符串，则会用浏览器默认的搜索引擎搜索该字符串。.
一文读懂4个HTTP条件请求头部
James的博客
01-12 2022
HTTP常用的条件请求头部有4个，它们是If-Modified-Since，If-Unmodified-Since,If-Match,If-None-Match。深刻理解其适用的场景和解决的问题，是灵活应用它们的关键。 If-Modified-Since: 使用最简单 1. 只能用于GET/HEAD方法 2. 只有一个应用场景，更新cache 3. 如果同时存在If-None-Match，则If-None-Match生效 如果在设定时间之后，资源发生了修改，则返回完整资源和200，否则返回304【更新cac
条件请求用途(缓存更新和断点续传)及例子
FixedStar 的博客
03-15 2422
条件请求用途： 1.缓存更新有两种方式：Last-Modified、If-Modified-Since和Etag、If-Matched 2.断点续传（Range、If-Range）
HTTP缓存机制的Etag、Last-Modified、If-None-Match和If-Modified-Since、Expires和Cache-Control笔记
卓越无关环境，保持空杯心态——靡不有初，鲜克有终
06-01 5716
http缓存机制：https://blog.youkuaiyun.com/jutal_ljt/article/details/80021545 http://www.cnblogs.com/chenqf/p/6386163.html 相关文章： 闲聊HTTP闲聊HTTP/2.0闲聊HTTPSHTTP缓存机制的Etag、Last-Modified、If-None-Match和If-Modified-...
设置If-Modified-Since
weixin_34384681的博客
07-06 1056
2019独角兽企业重金招聘Python工程师标准>>> ...
再详细解释一下IF-MODIFIED-SINCE，和，IF-NONE-MATCH
最新发布
08-06
<think>我们被要求详细解释HTTP头字段If-Modified-Since和If-None-Match的用途、工作方式以及它们在缓存控制和条件请求中的应用场景。 根据用户提供的引用和之前的问题，我们知道这两个头字段都属于条件请求头部，用于缓存验证（协商缓存）。 引用[1]和[2]说明了If-Modified-Since的作用：它基于资源最后修改时间（Last-Modified）进行缓存验证。 引用[3]则概括了整个HTTP缓存机制，包括强缓存（expires和cache-control）和协商缓存（Etag/If-None-Match和Last-Modified/If-Modified-Since）。 下面我们将分别解释这两个头字段，并说明它们如何协同工作。 注意：在回答中，我们将使用中文，并按照要求对数学公式（如果有）使用LaTeX格式，但本题中数学公式较少，重点在解释机制。 另外，我们会在适当的地方引用用户提供的引用内容，并在末尾添加引用标识。 结构： 1. 介绍条件请求和协商缓存的背景 2. 分别详细解释If-Modified-Since和If-None-Match 3. 解释它们的工作流程（结合例子） 4. 讨论应用场景和注意事项 5. 总结</think>### HTTP头字段`If-Modified-Since`与`If-None-Match`详解 #### 一、核心作用与定位 这两个请求头字段均属于**条件请求（Conditional Requests）** 机制，用于实现**协商缓存（Validation Caching）**。其核心目标是在客户端已有缓存副本时，向服务器验证资源是否更新： - 若未更新 → 返回 `304 Not Modified` → 客户端直接使用缓存 - 若已更新 → 返回 `200 OK` 和新资源 → 更新客户端缓存 ```mermaid graph LR A[客户端发起请求] --> B{携带缓存验证头} B -->|If-Modified-Since<br>或 If-None-Match| C[服务器] C -->|资源未修改| D[返回304] C -->|资源已修改| E[返回200+新资源] ``` #### 二、字段详细解析 ##### 1. `If-Modified-Since` - **作用原理**： 客户端携带**上次响应头中的`Last-Modified`时间值**（资源最后修改时间），服务器比较当前资源修改时间： - 若客户端时间 ≥ 服务器时间 → 返回 `304` - 若客户端时间 < 服务器时间 → 返回 `200` 和新资源 - **工作流程**： 1. 首次请求：服务器返回资源及`Last-Modified: Fri, 31 Aug 2007 02:02:20 GMT` 2. 后续请求：客户端自动添加`If-Modified-Since: Fri, 31 Aug 2007 02:02:20 GMT` 3. 服务器校验时间戳决定响应状态[^1][^2] - **典型应用场景**： - 静态资源（如图片/CSS/JS文件）的缓存验证 - 修改频率较低的内容（如新闻文章） ##### 2. `If-None-Match` - **作用原理**： 客户端携带**上次响应头中的`ETag`值**（资源唯一标识符），服务器比较当前资源`ETag`： - 若`ETag`匹配 → 返回 `304` - 若`ETag`不匹配 → 返回 `200` 和新资源 - **关键优势**： - 解决时间戳精度问题（如1秒内多次修改） - 处理特殊场景： - 资源内容不变但修改时间变化（如备份恢复） - 分布式服务器时间不同步 - 文件编码改变但内容不变（如gzip重压缩） - **工作流程**： 1. 首次请求：服务器返回`ETag: "45bae1-16a-46d776ac"` 2. 后续请求：客户端添加`If-None-Match: "45bae1-16a-46d776ac"` 3. 服务器校验`ETag`决定响应状态[^3] #### 三、协同工作与优先级 1. **典型协作流程**： ```mermaid sequenceDiagram participant Client participant Server Client->>Server: GET /resource Server-->>Client: 200 OK + Last-Modified + ETag Client->>Server: GET /resource If-Modified-Since: [时间戳] If-None-Match: [ETag] alt 资源未修改 Server-->>Client: 304 Not Modified else 资源已修改 Server-->>Client: 200 OK + 新资源 end ``` 2. **优先级规则**： - 当两者同时存在时，**`If-None-Match`优先级更高**（因`ETag`更精确） - 服务器行为： - 若`ETag`验证通过 → 直接返回`304`（忽略时间戳） - 若`ETag`验证失败 → 再检查`If-Modified-Since` #### 四、应用场景对比 | 场景 | `If-Modified-Since` | `If-None-Match` | |--------------------------|---------------------|-----------------| | 时间戳精度要求高 | ✗ 不适用 | ✓ 适用 | | 资源内容不变时间戳变化 | ✗ 误判失效 | ✓ 准确判断 | | 分布式服务器环境 | ✗ 时间同步问题 | ✓ 稳定适用 | | 简单静态资源缓存 | ✓ 实现简单 | ✓ 更可靠 | | 大文件分块传输 | ✗ 不适用 | ✓ 支持分块验证 | #### 五、最佳实践建议 1. **服务端配置**： - 始终生成`ETag`和`Last-Modified`响应头 - 对动态内容设置`Cache-Control: no-cache`强制验证 ```nginx # Nginx配置示例 location ~* \.(js|css|png)$ { etag on; add_header Last-Modified ""; } ``` 2. **客户端优化**： - 配合`Cache-Control: max-age=0`实现即时验证 ```http GET /style.css HTTP/1.1 Host: example.com Cache-Control: max-age=0 If-None-Match: "abc123" ``` 3. **性能影响**： - 成功`304`响应可减少90%+带宽（仅传输约150字节头部） - 验证失败时增加约10ms延迟（需完整资源传输） > **关键结论**：现代Web应用应优先采用`ETag/If-None-Match`机制，辅以`Last-Modified/If-Modified-Since`作为降级方案，在保证缓存效率的同时避免"幽灵修改"问题[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值