浏览器解析流程

1、用户输入url并回车;
2、进行DNS解析:
  • 先搜索浏览器自身dns缓存;
  • 再找本机dns缓存;
  • 如找到且未过期则搜索停止,如未找到,则向本地配置的首选dns服务器发起域名解析请求,后续由运营商的dns服务器查到或进一步发送请求,直到拿到域名对应的ip并返回给浏览器;
3、发起TCP协议的三次握手:
  • 第一次握手:建立连接时,客户端发送syn(建立联机)包到服务器,并进入syn_send状态,等待服务器确认;
  • 第二次握手:服务器收到syn包,确认包信息,同时自己也发送一个syn + ack(确认)包并进入syn_recv状态;
  • 第三次握手:客户端收到syn+ack包,向服务器发送ack包,发送完后,客户端和服务器都进入established状态,完成三次握手;
4、建立tcp连接后发起http请求;
5、服务器收到http请求并响应,浏览器收到http代码;
6、浏览器进行HTML文档解析并构建DOM树;
7、遇到css样式如link或style标签则开始解析css并构建样式树;(HTML解析和css解析相互独立)
8、遇到script标签则停止DOM解析并开始下载js并解析js,异步下载js的情况下,执行js仍会阻塞;
9、解析完dom树和样式树后进行渲染树(render tree)的构建;
10、渲染树构建后进行布局(Layout)
11、遍历渲染树,绘制页面。

猜你喜欢

转载自www.cnblogs.com/yifamily/p/10454931.html