步骤
- NDS解析,将域名地址解析为ip地址 (第一步)
- 浏览器DNS缓存
- 系统DNS缓存
- 路由器DNS缓存
- 网络运营商DNS缓存
- 递归搜索 如 blog.baidu.com
- .com 域名下查找DNS解析
- .baidu
- blog
- 出错
- TCP连接,TCP三次握手 (第二步)
- 第一次握手,由浏览器发起,告诉服务器我要发送请求了
- 第二次握手,由服务器发起,告诉浏览器,你赶紧发送
- 第三次握手,由浏览器发起,告诉服务器,我马上就发了,准备接收了。
- 发送请求 (第三步)
- 请求报文:http 协议的通信内容
- 接收响应 (第四步)
- 响应报文
- 渲染页面 (第五步)
- 遇见html 标记,浏览器调用html解析器解析成token并构建成dom树。
- 遇见style/link标记,浏览器会调用css解析器,处理css标记并构建cssom树
- 遇见script标签,会调用script解析器,处理script代码。
- 将dom树和cssom树合并成渲染树
- 根据渲染树来计算布局,计算每个节点的几何信息(布局)
- 将各个节点的颜色绘制到屏幕上(渲染)
注意 这五个步骤,不一定按顺序执行,可能反复执行,或者执行多次布局和渲染,往往在实际页面中,这些步骤会执行多次。
- 断开连接(Tcp的四次挥手)(第六步)
- 第一次挥手: 由浏览器发起,告诉服务器,我东西发完来(请求报文),能准备关闭吧。
- 第二次挥手:由服务器发起,告诉浏览器,我东西接收完来(请求报文),我准备关闭来,你也准备吧。
- 第三次挥手:由服务器发起,告诉浏览器,我东西发送完来 (响应报文),你准备关闭吧。
- 第四次挥手:由浏览器发起,告诉服务器,我东西接收完了,我准备关闭来(响应报文),你也准备吧。