详解从浏览器地址栏输入URL到页面显示的步骤

版本1(基础版本)
步骤1:浏览器根据请求的 URL 交给 DNS 域名解析,找到真实 IP ,向服务器发起请求;

步骤2:服务器交给后台处理完成后返回数据,浏览器接收⽂件( HTML、JS、CSS 、图象等);

步骤3:浏览器对加载到的资源( HTML、JS、CSS 等)进⾏语法解析,建⽴相应的内部数据结构 (如 HTML 的 DOM );

步骤4:载⼊解析到的资源⽂件,渲染⻚⾯,完成。

版本2(详细版本)

  1. 在浏览器地址栏输⼊URL

  2. 浏览器查看缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤

    2.1. 如果资源未缓存,发起新请求

    2.2. 如果已缓存,检验是否⾜够新鲜,⾜够新鲜直接提供给客户端,否则与服务器进⾏验 证。

    2.3. 检验新鲜通常有两个HTTP头进⾏控制 Expires 和 Cache-Control :

         HTTP1.0提供Expires,值为⼀个绝对时间表示缓存新鲜⽇期
         HTTP1.1增加了Cache-Control: max-age=,值为以秒为单位的最⼤新鲜时间
    
  3. 浏览器解析URL获取协议,主机,端⼝,path

  4. 浏览器组装⼀个HTTP(GET)请求报⽂

  5. 浏览器获取主机ip地址,过程如下:

    5.1. 浏览器缓存

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ـ٨ـﮩﮩ٨ـ千帆ﮩ٨、

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值