从输入 URL到页面展示，发生了什么
当你在浏览器中输入一个URL并按下回车键时，到页面最终展示出来，经历了一系列复杂的步骤。以下是这个过程的简化概述：
- URL 输入与解析
- 用户输入 URL：当用户在浏览器地址栏中输入 URL 并按下回车键后，浏览器会首先判断输入的内容是搜索文本还是符合规则的 URL。
- HSTS 预检查：如果用户输入的是 URL，浏览器会进行 HSTS（HTTP Strict Transport Security）预检查。这是因为大多数网站现在只通过 HTTPS 提供服务，而用户可能习惯输入不完整的 URL（如 www.example.com），而不是 https://www.example.com。HSTS 可以强制浏览器使用 HTTPS 连接，以减少会话劫持的风险。
- DNS 解析
- 域名解析：浏览器需要将用户输入的域名解析为对应的 IP 地址，因为计算机更擅长处理数字形式的 IP 地址。这个过程涉及到向 DNS 服务器发送查询请求，并等待返回结果。
- 缓存机制：为了提高解析效率，浏览器、操作系统和路由器都会缓存 DNS 记录。如果缓存中存在对应的 IP 地址，则直接使用，否则会继续向上级 DNS 服务器查询。
- TCP 连接建立
- TCP 三次握手：在发送 HTTP 请求之前，客户端（浏览器）和服务器之间需要建立一个可靠的 TCP 连接。这个过程包括客户端发送 SYN 包（同步序号）、服务器响应 SYN-ACK 包（同步序号和确认序号）以及客户端再次发送 ACK 包（确认序号）。三次握手完成后，TCP 连接建立成功。
- 发送 HTTP 请求
- 构建请求报文：一旦 TCP 连接建立，浏览器就会构建 HTTP 请求报文，包括请求行（包含请求方法、URL、协议版本）、请求头（包含请求的附加信息，如 Cookie 等）和请求体（可选，用于承载多个请求参数的数据）。
- 发送请求：浏览器将构建好的 HTTP 请求报文通过 TCP 连接发送给服务器。
- 服务器处理请求
- 接收请求：服务器收到 HTTP 请求后，会根据请求信息进行处理。
- 生成响应：服务器根据处理结果生成 HTTP 响应报文，包括响应行（包含协议版本、状态码和状态消息）、响应头和响应体。
- 浏览器解析渲染页面
- 接收响应：浏览器接收到服务器返回的 HTTP 响应报文后，开始解析响应内容。
- 渲染页面：浏览器首先解析 HTML 文件，生成 DOM 树；然后解析 CSS 文件，生成 CSSOM 树；接着将 DOM 树和 CSSOM 树结合，生成渲染树；最后根据渲染树计算每个节点的布局信息，并绘制页面。在这个过程中，如果页面中引用了 JavaScript 文件、字体文件或图片等静态资源，浏览器还会发起新的请求来获取这些资源。
- 执行JavaScript：浏览器会解析并执行JavaScript代码，这可能会动态修改DOM或影响页面的其他行为。
- 断开连接
- TCP 四次挥手：当数据传输完成后，客户端和服务器会通过 TCP 四次挥手来断开连接。这个过程包括客户端发送 FIN 包（结束标志）、服务器响应 ACK 包（确认序号和结束标志）、服务器发送 FIN 包（结束标志）以及客户端响应 ACK 包（确认序号）。
- 对于非持久连接，服务器在发送完响应后会关闭TCP连接。如果使用了持久连接（如HTTP/1.1的keep-alive），则连接可以被重用，减少了后续请求的延迟。
整个过程涉及到客户端（浏览器）和服务器端的多个组件，包括网络协议、服务器处理逻辑、浏览器的解析和渲染引擎等。这个过程可能还涉及到CDN、代理服务器、缓存等中间件，它们可以提高性能和用户体验。