304和浏览器http缓存

【304和浏览器http缓存】的更多相关文章

304和浏览器http缓存

浏览器虽然发现了本地有该资源的缓存,但是不确定是否是最新的,于是想服务器询问,若服务器认为浏览器的缓存版本还可用,那么便会返回304. 浏览器缓存分为强缓存和协商缓存. 1.浏览器请求某资源,通过header判断是否强缓存,若是强缓存,则从本地直接获取缓存文件,不发请求到浏览器 2.若不是强缓存,发送请求到服务器,服务器通过一些request header确定是否是协商缓存,如果是,服务器将请求返回,但不返回资源,而是让客户端从本地缓存获取资源 3.强缓存和协商缓存,资源都是本地,只是强缓存不会…

浏览器HTTP缓存原理分析

以前项目中遇到了很多浏览器缓存相关的问题,也在网上查过资料,搞过服务器的配置,来确保客户端加载服务器资源的速度和资源有效性.最近仔细看了下http协议中和缓存相关的一些属性,总结一下. 浏览器缓存原理文字版描述 ①浏览器第一次访问服务器资源 /index.html 在浏览器中没有缓存文件,直接向服务器发送请求. 服务器返回 200 OK,实体中返回 index.html文件内容,并设置一个缓存过期时间,一个文件修改时间,一个根据index.html内容计算出来的实体标记Entity Tag,…

Web浏览器的缓存机制

Web缓存的工作原理所有的缓存都是基于一套规则来帮助他们决定什么时候使用缓存中的副本提供服务(假设有副本可用的情况下,未被销毁回收或者未被删除修改).这些规则有的在协议中有定义(如HTTP协议1.0和1.1),有的则是由缓存的管理员设置(如DBA.浏览器的用户.代理服务器管理员或者应用开发者). 浏览器端的缓存规则对于浏览器端的缓存来讲,这些规则是在HTTP协议头和HTML页面的Meta标签中定义的.他们分别从新鲜度和校验值两个维度来规定浏览器是否可以直接使用缓存中的副本,还是需要去源服务器…

通过HTTP头控制浏览器的缓存

通过HTTP头控制浏览器的缓存浏览器缓存是提高用户体验和提升程序性能的一个很重要的途径,通过浏览器的缓存控制,可以对实时性要求不高的数据进行缓存,可以减少甚至不需要再次对服务器的请求就可以显示数据. 本文将介绍如果通过HTTP协议中的header来控制浏览器的缓存行为,建议大家在看的时候写代码试验下,这样对这些header的理解会更深一点. HTTP协议定义了四个可以用来控制浏览器缓存的HTTP头,它们是: Last-Modified Expires Pragma: no-cache Cach…

HTTP请求中浏览器的缓存机制

摘要:在Web开发过程中,我们可能会经常遇到浏览器缓存的问题.本文作者详细解释了浏览器缓存的机制,帮助读者更深层次的认识浏览器的缓存. 流程当资源第一次被访问的时候,HTTP头部如下 (Request-Line) GET /a.html HTTP/1.1 Host 127.0.0.1 User-Agent Mozilla/5.0 (X11; U; Linux i686; zh-CN; rv:1.9.0.15) Gecko/2009102815 Ubuntu/9.04 (jaunty) Fire…

atitit。浏览器缓存机制 and 微信浏览器防止缓存的设计 attilax 总结

atitit.浏览器缓存机制 and 微信浏览器防止缓存的设计 attilax 总结 1. 缓存的一些机制 1 1.1. http 304 1 1.2. 浏览器刷新的处理机制 1 1.3. Expires 2 1.4. Cache-Control 2 1.5. Last-Modified/E-tag 3 1.6. Etag 主要为了解决 Last-Modified 无法解决的一些问题. 4 2. 不同的页面打开方式产生的请求差别 5 3. html meta法 5 4. http head 法…

浏览器 HTTP 缓存原理分析

转自:http://www.cnblogs.com/tzyy/p/4908165.html 浏览器缓存原理: 1.浏览器第一次访问服务器资源/index.html,在浏览器中没有缓存文件,直接向服务器发送请求,服务器返回200 OK 实体中返回index.html文件内容,并设置一个缓存过期时间,一个文件修改时间,一个根据index.html内容计算出来的实体标记Entity Tag简称ETag,浏览器将/index.html路径的请求缓存到本地 2.浏览器第二次访问服务资源/index.htm…

浏览器HTTP缓存原理分析（转）

章节目录浏览器缓存原理文字版描述一图以蔽之缓存相关首部字段 request缓存相关首部字段 response缓存相关首部字段实体首部缓存相关字段缓存配置的一些注意事项以前项目中遇到了很多浏览器缓存相关的问题,也在网上查过资料,搞过服务器的配置,来确保客户端加载服务器资源的速度和资源有效性.最近仔细看了下http协议中和缓存相关的一些属性,总结一下. 浏览器缓存原理文字版描述 ①浏览器第一次访问服务器资源 /index.html 在浏览器中没有缓存文件,直接向服务器发送请求. 服务…

彻底理解浏览器的缓存机制（http缓存机制）

一.概述浏览器的缓存机制也就是我们说的HTTP缓存机制,其机制是根据HTTP报文的缓存标识进行的,所以在分析浏览器缓存机制之前,我们先使用图文简单介绍一下HTTP报文,HTTP报文分为两种: 同步sau交流学习社区(首发):https://www.mwcxs.top/page/565.html 1.HTTP请求(Request)报文,报文格式为:请求行 – HTTP头(通用信息头,请求头,实体头) – 请求报文主体(只有POST才有报文主体),如下图 HTTP响应(Response)报文,报文…

Nginx(五)：浏览器本地缓存设置

浏览器缓存(BrowserCaching) 浏览器缓存是为了加速浏览,浏览器在用户磁盘上,对最近请求过的文档进行存储.当访问者再次请求这个页面时,浏览器就可以从本地磁盘显示文档,这样,就可以加速页面的阅览,缓存的方式节约了网络的资源,提高了网络的效率. 实现浏览器缓存步骤浏览器缓存可以通过expires指令输出Header头来实现,expires指令的语法如下语法:expires[time| epoch | max |off] 默认值:expires off 作用域:http.server.…

【Web缓存机制系列】2 – Web浏览器的缓存机制

Web缓存的工作原理所有的缓存都是基于一套规则来帮助他们决定什么时候使用缓存中的副本提供服务(假设有副本可用的情况下,未被销毁回收或者未被删除修改).这些规则有的在协议中有定义(如HTTP协议1.0和1.1),有的则是由缓存的管理员设置(如DBA.浏览器的用户.代理服务器管理员或者应用开发者). 浏览器端的缓存规则对于浏览器端的缓存来讲,这些规则是在HTTP协议头和HTML页面的Meta标签中定义的.他们分别从新鲜度和校验值两个维度来规定浏览器是否可以直接使用缓存中的副本,还是需要去源服务器…

【Web缓存机制系列】2 – Web浏览器的缓存机制-(新鲜度校验值)

Web缓存的工作原理所有的缓存都是基于一套规则来帮助他们决定什么时候使用缓存中的副本提供服务(假设有副本可用的情况下,未被销毁回收或者未被删除修改).这些规则有的在协议中有定义(如HTTP协议1.0和1.1),有的则是由缓存的管理员设置(如DBA.浏览器的用户.代理服务器管理员或者应用开发者). 浏览器端的缓存规则对于浏览器端的缓存来讲,这些规则是在HTTP协议头和HTML页面的Meta标签中定义的.他们分别从新鲜度和校验值两个维度来规定浏览器是否可以直接使用缓存中的副本,还是需要去源服务器…

Vue打包文件放在服务器后，浏览器存在缓存问题

每次打包更新版本发到服务器上,导致偶尔会出现不能即使更新最新代码,浏览器存在缓存的问题. 解决方法:找到webpack .prod.conf.js 1.定义版本变量: const Version = new Date().getTime(); // 这里使用的是时间戳来区分 output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].'+_Version+'js'), c…

IE浏览器Ajax缓存问题小结

IE浏览器Ajax缓存问题在IE下使用ajax的get方法向后台请求数据时,如果请求URL与之前完全一样,则根本不想后台获取,直接返回上一次请求缓存的数据(在缓存过期之前,针对相同地址发起的多个Ajax请求,只有第一次会真正发送到服务端.),从而造成后台数据变化而前台刷新没变的问题. 解决方法: 在AJAX请求的页面后加个随机函数,我们可以使用随机数或当期毫秒数: URL后加上t=Math.random() 或new Date().getTime(); 采用JQuery提交ajax请求时增加参…

IE缓存的BUG 和其他浏览器的缓存问题

原文:IE缓存的BUG 和其他浏览器的缓存问题 1 .IE浏览器在异步请求的时候为了偷懒第二次请求的时候不会给后台请求相应,这样我们就无法从后台拿值, 这样的话 ,我们可以画个妆,蒙骗IE我们是第一次来 ,就可以成功请求了: 方法如下,直接在请求的URL后面加上一个随机数即可 .. URL = URL + “&num=” + Math.round(Math.random()*10000) ; 2.JSP禁用浏览器缓存: <% response.setHeader(&quo…

Java禁止浏览器有缓存的源码

Java禁止浏览器有缓存的源码 import java.io.IOException; import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.FilterConfig; import javax.servlet.ServletException; import javax.servlet.ServletRequest; import javax.servlet.ServletResp…

总结几种清除浏览器的缓存，适用于明明已经修改bug，但是测试人员说问题还存在的情况下

1.meta方法<METAHTTP-EQUIV="pragma"CONTENT="no-cache"><METAHTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate"><METAHTTP-EQUIV="expires"CONTENT="0">在header标签里加入以上几行代码,HTT…

firefox（火狐）和Chrome（google）浏览器清空缓存操作的方法指引

摘要说明: 1.系统做升级更新,更新了css和js 2.系统更新有,因为缓存问题,有客户反馈新增功能不能使用 3.所以要清空缓存,提供火狐和谷歌浏览器清空缓存的操作指引 4.附:代码层面的清空缓存方案火狐浏览器清空缓存的方法: 火狐浏览器清空缓存谷歌浏览器清空缓存的方法: 谷歌浏览器清空缓存附:代码层面的清空缓存方法: 如下加红文字 <link href="/css/main.css?v=201701271" rel="styleshe…

jsp——js事件修改属性样式的两种方法（直接赋值、修改属性）、验证表单符合某要求、阻止表单提交、告诉浏览器不要缓存

代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head><%-- 告诉浏览器不要缓存 --%> <meta http-equiv ="proma" content = "n…

浏览器 DNS缓存与DNS prefetch （DNS预解析）

浏览器 DNS缓存浏览器DNS缓存的时间跟DNS服务器返回的TTL值无关. 注:TTL(Time-To-Live),就是一条域名解析记录在DNS服务器中的存留时间. 浏览器在获取网站域名的实际IP地址后会对其IP进行缓存,减少网络请求的损耗.每种浏览器都有一个固定的DNS缓存时间,其中Chrome的过期时间是1分钟,在这个期限内不会重新请求DNS.Chrome浏览器看本身的DNS缓存时间比较方便,在地址栏输入: chrome://net-internals/#dns DNS prefetch…

IE浏览器清除缓存及历史浏览数据

IE浏览器清除缓存方法如下: 打开IE浏览器,依次点击"工具-Internet选项-常规-删除",如下图所示, 有的时候发现你明明已经执行了删除,但是实际上还是有缓存数据,一般是因为"删除浏览历史记录"中的选项没有正确勾选导致,这里尤其要说明的一点是,如果"保留收藏夹网站数据"这个复选框被勾选上,那么你再清理数据的时候就会忽略掉收藏夹的这些网站数据,因此,当你把你常用的网站放到收藏夹里面,然后又希望清除这些数据的时候,这个复选框就一定不要勾上.我…

nginx优化:使用expires在浏览器端缓存静态文件

一,nginx中expires指令的作用网站的图片等静态文件一旦发布,通常很少改动, 为了减小对服务器请求的压力,提高用户浏览速度, 我们可以设置nginx中的expires, 使用户访问一次后,将图片缓存在用户的浏览器中说明:如果用户对浏览器强制刷新或着清除缓存, 则expires的设置会失效,因为浏览器本地的缓存文件都没了说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest 对应的源码可以访问这里获取: htt…

谈谈浏览器http缓存

请求头 user-agent pragma Cache-control Referer Accept Cookit If-Modified-Since If-None-Match 响应头 content-type Date ETag Last-Modefied Age Cache-Control Access-Control-Allow-Origin Etag 如果配置了Etag,在第一次请求的时候,响应头会下发ETag属性,再下一次请求,会带上If-None-Match,如果服务端没有匹配的E…

IE浏览器因缓存问题未能成功向后端发送请求的几个解决办法

这段时间前后端联调,解决IE.谷歌等浏览器兼容问题,真是让人有点焦头烂额,各种奇葩问题层出不穷,旧问题刚去,新麻烦又来,其中尤其以IE浏览器缓存的问题最多.有若干次都是因为这个缓存,使得前端的请求没有实际到达后台,造成304状态码. 经过前端同事和我的各种尝试,发现有三四种办法可以针对不同的情况解决这个问题. 方法一: 在网上一搜"html设置不缓存"就会看到大部分的答案都是这个,那就是在之前的一篇博文<同前端联调遇到的坑(二)>中也说过的当时没起作用的方法,在html请求…

Http如何利用304让浏览器去更新数据

ETag 是 Entity Tag 的缩写,中文译过来就是实体标签的意思.在HTTP1.1协议中其实就是请求HEAD中的一个属性而已. HTTP/1.1 200 OK Date: Mon, 23 May 2005 22:38:34 GMT Content-Type: text/html; charset=UTF-8 Content-Encoding: UTF-8 Content-Length: 138 Last-Modified: Wed, 08 Jan 2003 23:11:55 GMT Se…