IOS美区账号微信: springsunshine2017

前端技术 · 2021年5月14日 0

浏览器从url键入到页面渲染结束,这个过程发生了什么?

对于前端开发人员来说,缺少了浏览器,前端也就没有存在的意义。尽管我们每天都在用浏览器,但是浏览器从url键入到页面渲染结束,这个过程发生了什么呢?接下来我们就来了解一下。

我们可以分三步去拆解这个过程,每步其实还能继续拆解:

1、DNS解析,目的是拿到域名对应的IP地址

首先读取DNS缓存,如果有相应的浏览器缓存或本地缓存,则直接使用缓存,不进行DNS解析。如果没有相应的DNS缓存,则进行DNS解析,查询出域名对应的IP地址。

2、建立tcp连接

浏览器根据解析到的ip地址和端口号发起http请求,建立tcp连接(三次握手)

4、发送http请求

浏览器开始向服务器发起http请求,服务器接收到http请求之后,返回数据包

3、页面渲染

浏览器根据获取到的数据包解析文件
1)据html代码生成DomTree
2)根据css生成cssom
3)整合行程RenderTree
4)根据RenderTree渲染页面

4、 连接结束

以上就是浏览器从url键入到页面渲染结束这个过程的全部内容,欢迎一起讨论。