版本1(基础版本)
步骤1:浏览器根据请求的 URL 交给 DNS 域名解析,找到真实 IP ,向服务器发起请求;
步骤2:服务器交给后台处理完成后返回数据,浏览器接收⽂件( HTML、JS、CSS 、图象等);
步骤3:浏览器对加载到的资源( HTML、JS、CSS 等)进⾏语法解析,建⽴相应的内部数据结构 (如 HTML 的 DOM );
步骤4:载⼊解析到的资源⽂件,渲染⻚⾯,完成。
版本2(详细版本)
-
在浏览器地址栏输⼊URL
-
浏览器查看缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤
2.1. 如果资源未缓存,发起新请求
2.2. 如果已缓存,检验是否⾜够新鲜,⾜够新鲜直接提供给客户端,否则与服务器进⾏验 证。
2.3. 检验新鲜通常有两个HTTP头进⾏控制 Expires 和 Cache-Control :
HTTP1.0提供Expires,值为⼀个绝对时间表示缓存新鲜⽇期 HTTP1.1增加了Cache-Control: max-age=,值为以秒为单位的最⼤新鲜时间
-
浏览器解析URL获取协议,主机,端⼝,path
-
浏览器组装⼀个HTTP(GET)请求报⽂
-
浏览器获取主机ip地址,过程如下:
5.1. 浏览器缓存