当你输入一个 URL 并在浏览器中展示网页时，发生了一系列复杂的过程。这个过程包括了从输入 URL 到最终在浏览器中显示网页的各个步骤。 下面是这一过程的概述：
- 输入 URL：
- 用户操作：你在浏览器的地址栏中输入一个 URL（例如
https://www.example.com）并按下 Enter 键。
- 解析 URL：
- 浏览器解析：浏览器解析 URL，分解成协议（例如
https）、主机（例如www.example.com）、路径（例如/path/to/resource）等部分。
- DNS 解析：
- 域名解析：浏览器需要将主机名（如
www.example.com）转换为 IP 地址。浏览器会查询 DNS（域名系统）服务器来获取这个 IP 地址- DNS 查询：浏览器首先检查本地缓存。如果缓存中没有相关信息，浏览器会向 DNS 服务器发起查询请求。DNS 服务器将主机名解析为 IP 地址，并将结果返回给浏览器。
- 建立 TCP 连接：
- 三次握手：浏览器通过 IP 地址与目标服务器建立 TCP 连接。这涉及到一个三次握手过程：
- [1] SYN：客户端发送一个 SYN（同步）包到服务器。
- [2] SYN-ACK：服务器回应一个 SYN-ACK（同步-确认）包。
- [3] ACK：客户端再发送一个 ACK（确认）包到服务器。
- 发起 HTTP 请求：
- 构建请求：浏览器构建一个 HTTP 请求消息，并通过已建立的 TCP 连接发送到服务器。这个请求包含了请求行（包括 HTTP 方法、URL 和 HTTP 版本）、请求头和请求体（如果有的话）。
- 服务器处理请求：
- 请求处理：目标服务器接收到请求并处理。服务器会根据请求的内容生成相应的响应内容，通常包括 HTML、CSS、JavaScript 文件和其他资源。
- 服务器发送响应：
- 响应消息：服务器将 HTTP 响应消息通过 TCP 连接发送回浏览器。响应消息包含状态行（状态码和状态信息）、响应头和响应体（即实际的网页内容）。
- 浏览器接收响应：
- 数据接收：浏览器接收到响应数据后，首先会对其进行解析。响应体中的内容（例如 HTML）将被处理和渲染。
- 渲染页面：
-
HTML 解析：浏览器解析 HTML 文档，构建 DOM（文档对象模型）树。
-
CSS 解析：浏览器解析 HTML 文档，构建 DOM（文档对象模型）树。
-
JavaScript 执行：浏览器解析 HTML 文档，构建 DOM（文档对象模型）树。
-
渲染树构建：浏览器解析 HTML 文档，构建 DOM（文档对象模型）树。
- 页面展示：
- 绘制：浏览器将渲染树中的内容绘制到屏幕上，显示最终的网页。
- 用户交互：
- 交互处理：用户与页面进行交互（如点击、滚动等），浏览器处理这些事件，可能会触发 JavaScript 代码的执行，或发送额外的请求。
总结
整个过程涉及到网络请求、数据传输、解析和渲染等多个步骤，从用户输入 URL 到浏览器展示网页是一个复杂的系统交互过程。这一过程确保了用户能够迅速、准确地访问和浏览互联网内容。
