做神马网站优化快视觉设计网站

5. 从输入URL到浏览器显示页面过程中都发生了什么

5.1 URL输入

在浏览器的地址栏输入URL网址时，大部分浏览器会从历史记录、书签等地方开始查找输入的内容，并给出提示。

敲下回车后，浏览器会检查输入的内容是否是一个合法的URL

• 如果是合法的URL，则判断输入的URL是否完整。
  • 如果不完整，浏览器可能会对域进行猜测，补全前缀或者后缀。
• 如果不是合法的URL，则将输入内容作为搜索条件，使用用户设置的默认搜索引擎来进行搜索。

5.2 DNS解析

由于浏览器不能直接通过域名找到对应的服务器的IP地址，所以需要进行DNS解析，即DNS解析的作用就是实现域名和IP地址的转换。

5.2.1 域名的等级

1. 根域名 ：.root 或者 . ，通常是省略的

2. 顶级域名，如 .com，.cn 等

3. 次级域名（权威域名），如 baidu.com 里的 baidu，这个是用户可以进行注册购买的

4. 主机域名，比如 baike.baidu.com 里的baike，这个是用户可分配的

   

5.2.2 DNS解析的流程

URL -> 浏览器缓存 -> 系统的DNS缓存 -> hosts文件 -> 本地DNS服务器 -> 根域名服务器 -> 顶级域名服务器 -> 权威域名服务器 -> ip地址返回

在浏览器输入www.163.com域名，

1. 检查浏览器缓存，看是否有该域名与IP地址的映射记录
2. 查找本地的hosts文件是否有该映射
3. 向本地DNS服务器发送请求进行查询。本地DNS服务器为TCP/IP参数中设置的DNS服务器，一般都是由网络接入服务器商提供。
   • 本地DNS服务器收到请求后，会先查下自己的缓存记录，如果查到了直接返回就结束了。
   • 如果没有查到，本地DNS服务器就会向DNS的根域名服务器发起查询请求：请问老大， www.163.com 的ip是啥？
4. 根域名服务器收到请求后，看到这是个 .com 的域名，就回信说：这个域名是由 .com 老弟管理的，你去问他好了，这是.com老弟的联系方式（ip1）。
5. 本地 DNS 服务器接收到回信后，照着老大哥给的联系方式（ip1），马上给 .com 这个顶级域名服务器发起请求：请问 .com 大大，www.163.com 的ip 是啥？
6. 顶级域名服务器说：“我给你负责 www.163.com区域的权威 DNS 服务器的地址，你去问它应该能问到”。
7. 本地 DNS 于是转向问权威 DNS 服务器：“老三，www.163.com对应的IP是啥呀？” 163.com 的权威 DNS 服务器，它是域名解析结果的原出处。为啥叫权威呢？就是我的域名我做主。
8. 权威 DNS 服务器查询后将对应的 IP 地址 X.X.X.X 告诉本地 DNS。
9. 本地 DNS 再将 IP 地址返回客户端，由此完成了域名解析。同时，客户端以及本地DNS服务器会在自己的缓存中保存下来此记录，方便之后的查询

5.2.3 DNS查询方式

• 递归查询：一般客户端和本地DNS服务器之间属于递归查询
• 迭代查询：一般情况下(有例外)本地的DNS服务器向其它DNS服务器的查询属于迭代查询

5.3 建立TCP连接

浏览器获取到服务器的IP地址后，浏览器会用一个随机端口（[1024, 65535]）向服务器的80端口或443端口发起TCP连接请求。当这个连接请求到达服务端后，通过TCP三次握手建立TCP连接。

5.4 发送HTTP/HTTPS请求

5.5 服务器处理请求并返回HTTP响应

服务器收到HTTP请求后，将发回一个 HTTP 响应报文，内容包括相关响应行、响应头和 响应正文。

5.6 浏览器解析渲染页面

1. 处理 HTML 标记并构建 DOM 树。

2. 处理 CSS 标记并构建 CSSOM 树。

3. 将 DOM 与 CSSOM 合并成一个渲染树。

4. 根据渲染树来布局，以计算每个节点的几何信息。

5. 将各个节点绘制到屏幕上。

   

5.7 HTTP请求结束，断开TCP连接

现在的页面为了优化请求的耗时，默认都会开启长连接（keep-alive），那么一个 TCP 连接确切关闭的时机，是这个tab标签页关闭的时候。这个关闭的过程就是四次挥手。