在浏览器地址栏输入一个URL后回车，背后会进行哪些技术步骤？
经典的面试题：输入URL回车后发生了什么
大家都要记下来啊
1. URL 解析
- 解析 URL：浏览器首先解析输入的 URL，提取协议（如
http、https）、域名（如www.example.com）、路径（如/path/to/resource）和查询参数（如?key=value）。
2. DNS 查询
- 域名解析：浏览器通过 DNS（域名系统）将域名解析为对应的 IP 地址。如果本地缓存中没有该域名的 IP 地址，浏览器会向 DNS 服务器发送查询请求。
- 递归查询：DNS 服务器会递归地查询上级 DNS 服务器，直到找到目标域名的 IP 地址并返回给浏览器。
3. 建立 TCP 连接
- 三次握手：浏览器通过 TCP 协议与目标服务器建立连接。TCP 连接的建立过程包括三次握手：
- SYN：浏览器发送一个 SYN（同步）请求到服务器。
- SYN-ACK：服务器响应一个 SYN-ACK（同步-确认）响应。
- ACK：浏览器发送一个 ACK（确认）响应，完成连接建立。
4. 发送 HTTP/HTTPS 请求
- HTTP 请求：一旦 TCP 连接建立，浏览器会通过 HTTP 或 HTTPS 协议发送请求。请求包括：
- 请求行：如
GET /path/to/resource HTTP/1.1 - 请求头：如
Host: www.example.com、User-Agent、Accept等 - 请求体：对于
POST请求，可能包含表单数据或 JSON 数据 - HTTPS 加密：如果使用 HTTPS，浏览器会通过 SSL/TLS 协议对请求进行加密，确保数据传输的安全性。
5. 服务器处理请求
- 接收请求：服务器接收 HTTP/HTTPS 请求，并解析请求头和请求体。
- 处理请求：服务器根据请求的路径和方法，调用相应的处理程序（如 Web 应用程序的控制器）。
- 生成响应：服务器生成响应内容，包括响应头和响应体。响应头可能包含状态码（如
200 OK、404 Not Found）和内容类型（如text/html）。
6. 返回 HTTP/HTTPS 响应
- 发送响应：服务器通过已建立的 TCP 连接将 HTTP/HTTPS 响应发送回浏览器。
- 响应内容：响应内容可能包括 HTML 文档、图片、CSS 文件、JavaScript 文件等。
7. 浏览器解析响应
- 解析 HTML：浏览器接收到响应后，开始解析 HTML 文档，构建 DOM 树。
- 加载资源：浏览器会根据 HTML 文档中的
<link>、<script>、<img>等标签，发起额外的请求加载 CSS 文件、JavaScript 文件、图片等资源。 - 解析 CSS 和 JavaScript：浏览器解析 CSS 文件，构建 CSSOM 树；解析 JavaScript 文件，执行脚本。
8. 渲染页面
- 构建渲染树：浏览器将 DOM 树和 CSSOM 树合并，构建渲染树。
- 布局和绘制：浏览器根据渲染树进行布局（计算每个元素的位置和大小），并将其绘制到屏幕上。
9. 事件循环和交互
- 事件循环：浏览器启动事件循环，监听用户输入（如点击、键盘输入）和其他事件（如定时器、网络请求）。
- 交互：用户可以通过点击链接、提交表单等方式与页面进行交互，触发 JavaScript 事件处理程序。
总结
输入 URL 并按下回车键后，浏览器会经历以下步骤：
- URL 解析：解析输入的 URL。
- DNS 查询：将域名解析为 IP 地址。
- 建立 TCP 连接：通过三次握手建立 TCP 连接。
- 发送 HTTP/HTTPS 请求：通过 HTTP/HTTPS 协议发送请求。
- 服务器处理请求：服务器接收并处理请求，生成响应。
- 返回 HTTP/HTTPS 响应：服务器将响应发送回浏览器。
- 浏览器解析响应：解析 HTML、CSS 和 JavaScript，构建 DOM 和 CSSOM 树。
- 渲染页面：构建渲染树，进行布局和绘制。
- 事件循环和交互：启动事件循环，监听用户输入和其他事件。
