浏览器解析网页的过程

  1. 用户输入url并回车;
  2. 进行DNS解析获得IP: 先搜索浏览器自身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. 遍历渲染树,绘制页面。
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值