目录题目单选题1题解关于浏览器缓存Last-Modified/If-Modified-SinceETag/If-None-Match关于浏览器删除缓存数据单选题2题解跨域问题用document.domain

在请求头中有两个请求参数：If-Modified-Since和If-None-Match。当客户端缓存了目标资源但不确定该缓存资源是否是最新版本的时候,就会发送一个条件请求。

HTTP1.1缓存处理HTTP1.0缓存控制主要靠header中的if-modified-since和Expires，HTTP1.1则更为丰富，加上了Unmodified-since，if-match和if-None-match

这通常是在一些安全的方法（safe），例如GET或HEAD或在请求中附带了头部信息：If-None-Match或If-Modified-Si

302:临时移动，重定向303:临时移动，资源只是临时被移动，但是还是原url304:协商缓存，初次请求，会res返回etag或者last-modified标识，当再次请求时，header上会携带标识if-none-match

缓存服务端缓存缓存控制使用HTMLMeta标签使用HTTP头信息控制缓存强缓存Expires缓存过期时间Cache-Control缓存控制协商缓存Last-Modified/If-Modified-SinceEtag/If-None-Match

为了提升性能，服务器端可以使用ETag利用本地缓存，避免多次重复的请求，然而自己在使用ETag的时候，发现无论是Chrome还是firefox，浏览器的请求头均没有发送If-None-Match头部，网上搜查

服务器根据A算出一个哈希值(3f80f-1b6-3e1cb03b)并通过ETag返回给浏览器，浏览器把"3f80f-1b6-3e1cb03b"和A同时缓存在本地，当下次再次向服务器请求A时，会通过类似If-None-Match

Last-Modified与If-Modified-Since都是用于记录页面最后修改时间的HTTP头信息，只是Last-Modified是由服务器往客户端发送的HTTP头，而If-Modified-Since则是由客户端往服务器发送的头，可以看到，再次请求本地存在的cache页面时，客户端会通过If-Modified-Since头将先前服务器端发过来的Last-Modified最后修改时间戳发送

场景公司的一款故事机需要从我们后台（我们后台存的是阿里云CDN的地址，实体文件在阿里云CDN）下载一个资源包(可以简单理解成多个音频文件组成的资源包)，下载到本地之后实现本地播放。但是后台对应的资源包运营同事存在修改的情况，当资源修改时故事机需要重新下载，没有修改就不需要重新下载就使用上次已经下载好的资源包。分析方法一服务器维护一个资源包版本号在服务器保存一个资源的版本号，运营同事没修改一次资源包

参考文章：Expires、Cache-Control、Last-Modified和If-Modified—Since、Etag和If-None-Match_yangyang的专栏-CSDN博客http两种缓存：强制缓存：Cache-Control:public/private/no-cache/no-store/max-age=xxxExpires过期时间，绝对时间服务器时间有本地时间不一致会导致

概述在HTTP协议中，请求头If-Match、If-None-Match、If-Modified-Since、If-Unmodified-Since、If-Range主要是为了解决浏览器缓存数据而定义的请求头标准

请求更快浏览器缓存分类浏览器缓存分两类：强制缓存和协商缓存流程图强制缓存涉及响应头标识字段：Cache-Control与Expires协商缓存涉及响应头标识字段：Last-Modified与Etag请求头会带上字段If-None-Match

过期了判断请求头是否有Etag否是携带if-none-match,是则协商缓存，然后拉取缓存解码。

缓存策略-强缓存和协商缓存1）强缓存ExpiresCache-Control2）协商缓存Last-Modify/If-Modify-SinceETag/If-None-Match不需要缓存的时候前言作为一个前端开发者

强制缓存1、定义：2、设置强缓存的方式Expires&Cache-Control三、协商缓存1、定义2、设置协商缓存的方式(Last-Modified,If-Modified-Since)&(ETag,If-None-Match

对比缓存时,先获取本地缓存数据的标识,然后向服务器发起带有本地缓存标识(if-Modify-Since/if-None-Match)的请求，服务器通过对比服务

（2）浏览器再次跟服务器请求这个资源时，在requestheader上加上If-None-Match（值就是上一次请求时返回的ETag的值）。（3）服务器再次

大家需要对以下知识点了解:httpstatus:200,200(fromdisk/memorycache),304,404等强缓存（Pragma、Expires，cache-control）对比缓存（If-None-Match

`ETag`和`If-None-Match`⭐缓存策略⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端

本文主要讲解web缓存的应用.为了演示体现缓存的作用，先删除所有的浏览器缓存，然后以如下四种方式访问baidu网站，期间使用Pagetest作为测试软件，这是一个搭配IE使用的软件，功能上类似HttpWatch，不过它是免费的，有关Pagetest的用法可以参考官方文章提供的教程：1.打开IE，键入百度网址，按回车：=========================================

一、概述缓存通俗点，就是将已经得到的‘东东’存放在一个相对于自己而言，尽可能近的地方，以便下次需要时，不会再二笔地跑到起始点（很远的地方）去获取，而是就近解决，从而缩短时间和节约金钱（坐车要钱嘛）。Web缓存，也是同样的道理，说白了，就是当你第一次访问网址时，将这个东东（representations），如html页面、图片、JavaScript文件等，存在一个离你较近的地方，当你下次还需要它时，

目录前言知识点缓存的类型强缓存ExpiresCache-Control对比协商缓存Last-Modified和If-Modified-SinceETag和If-None-Match两者对比缓存位置ServiceWorkerMemoryCachepreloaderpreloadDiskCachePushCache

浏览器层面缓存Etag&If-None-Match等详解_if-none-match:_shadow_zed的博客-CSDN博客

下下来的文件无法正常打开，大小比正常的略大一点，通过Postman直接调用是正常的解决方案由前端解决如果响应大小比文件略大一点，从responses中取出关键数据再组成文件如果响应大小很小，例如七百多B，删掉请求头中的If-None-Match

点击刷新按钮或者按F5：浏览器直接对本地的缓存文件过期，但是会带上If-Modifed-Since，If-None-Match，这就意味着服务器会对文件检查新鲜度，返回结果可能是304，也有可能是200

特性ETag和If-None-Match是一对；Last-Modified和If-Modified-Since是一对它们都属于协商缓存，对内容的有效性进行验证，具体看这里验证的过程是类似（以Etag为例

图1-1在这个网站搜索商品的时候会出现请求头if-none-match，之前咸鱼的很多例子都没有写到如何分析请求头的加密参数应该如何分析，所以拿这个例子大概讲讲。

点击上方“咸鱼学Python”，选择“加为星标”第一时间关注Python技术干货！建议收藏|最全的JS逆向入门教程合集目标网站aHR0cHM6Ly94aWFwaS54aWFwaWJ1eS5jb20vc2VhcmNoP2tleXdvcmQ9JUU3JTk0JUI3JUU3JUFCJUE1JUU0JUI4JThBJUU4JUExJUEz先来看看这个网站需要分析的加密是什么？这次的网站例子来自「咸鱼的P

目录强缓存Cache-Control协商缓存第一种Last-Modified和If-Modified-Since第二种ETag和If-None-Match为什么有了Last-Modified还需要ETag

关于Last-Modified/If-Modified-Since及Etag/If-None-Match的用法相关代码if(method_exists($controller,$action)){ob_start

前言最近在跟后台对接口时，发现请求同一个接口时总是一次成功一次失败这样间隔着来，很是困扰。请求失败的时候报的错时502NotModified,这个报错也是百思不得解。在我掌握的知识里502时服务器错误，而NotModified对应的状态码应该时304，但这样的报错提示是从来没有遇到过。另外这个错误也只是在本地跑的时候会有，放到线上的环境就很正常，第二次请求时也是304而不会报错。得闲我比较了本地两

一、概述缓存通俗点讲，就是将已经得到的‘东东’存放在一个相对于自己而言，尽可能近的地方，以便下次需要时，不会再二笔地跑到起始点（很远的地方）去获取，而是就近解决，从而缩短时间和节约金钱（坐车要钱嘛）。Web缓存，也是同样的道理，说白了，就是当你第一次访问网址时，将这个东东（representations），如html页面、图片、JavaScript文件等，存在一个离你较近的地方，当你下次还需要它时

博客已经搬家，请访问如下地址：http://www.czhphp.comIf-Modified-Since&If-None-MatchIf-Modified-Since，和Last-Modified一样都是用于记录页面最后修改时间的HTTP头信息，只是Last-Modified是由服务器往客户端发送的HTTP头，而If-Modified-Since则是由客户端往服务器发送的头，可以看到，再次请求本

虾皮请求头if-none-match逆向破解接口url：https://xiapi.xiapibuy.com/api/v2/item/get?

浏览器缓存和Nginx缓存缓存是提升用户访问速度，节省带宽，减轻服务器压力的必经之道。下面都是针对的Http1.1来说明，HTTP缓存都是针对浏览器客户端，其他第三方客户端不考虑。使用缓存是最有效的提高访问速度的方法，在web服务器的场景当中不仅要考虑nginx作为缓存服务时候的使用方法还得考虑浏览器中的缓存失效的场景，因为浏览器缓存是否生效可以通过nginx指令去控制。浏览器的缓存对用户体验也是

现代网页大多使用ajax获取动态json数据，有些json数据很大几乎不会修改，这样的数据就适合使用缓存来加快速度，减小流量，降低服务器的负荷。普通的强缓存要指定时间，比如说24小时，这个时间很难定，因为这些数据虽然平时不会变动，但是一旦变动，因为有浏览器的缓存，页面上依旧使用旧数据，这样极大的限制了缓存的使用。有没有一种办法既使用缓存，又不会使用旧数据呢？答案就是协商缓存。协商缓存协商缓存都会向

header里的If-Modified-Since,Expires来做为缓存判断的标准，HTTP1.1则引入了更多的缓存控制策略例如Entitytag，If-Unmodified-Since,If-Match,If-None-Match

为简单刷新一下当前页面Ctrl+F5：为强制刷新，也就是彻底的从Server拿一份新的资源过来，所以不光要发送HTTPrequest给Server，而且这个请求里面连If-Modified-Since/If-None-Match

使用LastModified/IF-Modified-Since或者ETag/IF-NONE-MATCH进行校验。2.强缓存2

http的1.01.1的区别连接复用：1.1默认支持连接复用，可以在一个连接上发送多个请求和响应缓存机制：1.1提供了更多的缓存机制，除了1.0基于过期时间的缓存策略，还有ETag和If-None-Match

最近在看面试题的时候总会看到有一些关于Http缓存的题目，但是总是一知半解，不甚理解；尤其是Http头信息中有一大堆的字段，什么if-modified-since，什么if-none-match，真是令人头疼

在使用条件GETs和If-Modified-Since和/或If-None-Match请求头的情况下，尽可能使用源

听名字就知道跟缓存有关，在这之前，我们先来看看一张Http缓存的流程图，网络上找到的：image.png当发送相同请求的时候，先判断缓存是否过期，如果过期了，该请求会携带If-Modified-Since和If-None-Match

精确控制缓存策略If-modified-Since请求头，资源最近修改时间，由浏览器告诉服务器Last-Modified响应头，资源最近修改时间，由服务器告诉浏览器Etag响应头，资源标识，由服务器告诉浏览器If-None-Match

浏览器缓存机制（强制缓存，协商缓存）1.强制缓存（1）Expires（2）Cache-Control2.协商缓存（1）Last-Modified/If-Modified-Since（2）Etag/If-None-Match

在POST/PUT（也许还有其他的）请求中，Chrome（其他的应该也是如此）会忽略响应中的ETagheader，忽略的行为指对下次相同url的请求不会如预期地带上If-None-Match。

200fromcache和304notmodified；介绍了http1.1headerCache-Control的max-age和http1.0headerExpires的区别；介绍了http1.1headerEtag、If-None-Match

目录背景前置准备准备启动页面HTTP缓存种类强缓存expirescache-control协商缓存Last-Modified，If-Modified-SinceEtag，If-None-Match总结背景无论是开发中或者是面试中

目录前言正文分类强缓存ExpiresCache-Control协商缓存Last-Modified和If-Modified-SinceEtag和If-None-Match流程图扩展缓存失效问题缓存存放位置前言前端缓存