在浏览器地址栏按回车、F5、ctrl+F5刷新页面的区别

本文深入解析了网页中三种常见的刷新方式:通过URL地址栏回车、F5和Ctrl+F5的刷新机制。详细阐述了每种刷新方式下浏览器如何处理缓存、与服务器交互的过程,以及firebug中观察到的不同请求状态。

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

url地址栏里敲击enter:这样的刷新,大家可以在firebug里看一下,只有少数的请求会发送出去,而且几乎没有图片的请求,这是因为请求时会先检查本地是不是缓存了请求的图片,如果有缓存而且没有过期(过期可以通过该图片请求的header查看),他就不会发出这个图片request。


f5:f5刷新比enter略慢,为什么呢,因为他还是把所有请求都发给了server,只是在request里的header里有信息

ExpiresFri, 28 Jun 2013 07:29:55 GMT
Last-ModifiedMon, 21 Mar 2011 09:26:23 GMT

服务器判断还没有过期,就直接返回304not modified,在firebug里看就是这些304的请求都为灰色。因为直接返回304这样的信息,而不是图片等内容,他比ctrl+f5快,但是比enter慢,因为他还是把所有请求都发了一遍,比enter的不发请求自然是慢的。


ctrl+f5:这个就要慢了,应为所有的请求都是重新发送,重新从server读取内容,一点cache都没有读。为了防止在server的cache里读取,在ctrl+f5刷新时,request的header里还加了特殊字段,这个大家可以用firebug看一下,还挺有意思的。在request header 里会加pragma:no-cache cache control:no-cache。这两个就是告诉服务器到浏览器中间的所有节点,没有cache,看到这个中间节点也不查自己的cache,保证请求都是从server获得的。

转载于:https://www.cnblogs.com/frontendBY/p/4775763.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值