从输入url到网页呈现的过程

域名解析 #

当我们在浏览器中输入一个URL，互联网上每一台计算机的唯一标识是它的IP地址。因此我们输入的网址首先需要先解析为IP地址。这一过程叫做DNS解析

DNS解析是一个递归查询的过程。

例如，我们需要解析www.baidu.com，会经历以下步骤

在本地域名服务器中查询IP地址，未找到域名

本地域名服务器会向根域名服务器发送请求，未找到域名

本地域名服务器向.com顶级域名服务器发送请求，未找到域名

本地域名服务器向.baidu.com域名服务器发送请求，找到该域名，将对应的IP返回给本地域名服务器

传输层 TCP连接 #

HTTP协议是使用TCP协议作为其传输协议的，在拿到服务器的IP地址后，浏览器客户端会与服务器建立TCP连接。该过程包括三次握手：

第一次握手：建立连接时，客户端向服务器端请求报文

第二次握手：服务器收到请求报文后，如同意连接，则想客户端发送确认报文

第三次握手：客户端收到服务器的确认后，再次向服务器给出确认报文，完成连接

三次握手主要是为了防止已经失效的请求报文字段发送给服务器，浪费资源

浏览器发送HTTP请求 #

浏览器构建http请求报文，并通过TCP协议传送到服务器的指定端口。http请求报文一共包括三个部分：

请求行：指定http请求的方法、url、http协议版本等

请求头：描述浏览器的相关信息，语言，编码等

请求正文：当发生POST、PUT等请求时候，通常需要向服务器传递数据，这些数据就存储在请求正文中

服务器处理HTTP请求 #

服务器处理HTTP请求，并返回响应报文。响应报文包括三个部分

状态码：http服务常用的状态码极其含义如下

1**：服务器已经接收到请求，客户可继续发送请求

2**：请求成功。200请求已经成功，请求所希望的响应头或数据体将随此响应返回。

3**：重定向。303对应当前请求的响应可以在另一个URL上被找到。而且客户端应当采用GET的方式访问那个资源

4**：客户端错误。404：请求的网页不存才

5**：服务器错误。503服务器超时

响应头：包含了响应的相关信息，如日期等

响应正文：服务器返回给浏览器的文本信息，通过的html、js、css、图片等就包含在这一部分里面。

浏览器页面渲染 #

浏览器接收到HTTP服务器发送古来的响应报文，并开始解析html文档，渲染页面。

具体的渲染过程：构建DOM树、构建渲染树、定位页面元素、绘制页面元素等

断开TCP连接 #

客户端与服务器四次挥手，断开TCP连接

第一次挥手：客户端想分手，发送消息给服务器

第二次挥手：服务器通知客户端已经接收到分手请求，但还没有做好分手准备

第三次挥手：服务已经做好分手准备，通知客户端

第四次挥手：客户端发送消息给服务器，确定分手，服务器关闭连接

参考链接 #

参考链接