从输入 URL 到页面渲染全过程

📖导读：这是前端面试中的经典问题，也是理解 Web 工作原理的核心知识点。本文将从用户视角出发，用通俗易懂的方式，带你一步步了解浏览器背后发生的"魔法"。

🎯 整体流程概览

当你在浏览器地址栏输入一个 URL 并按下回车键后，整个渲染过程可以分为以下几个主要阶段：

输入 URL → DNS 解析 → TCP 连接 → HTTP 请求 → 服务器响应 → 浏览器渲染 → 页面展示

让我们逐一深入每个环节！

1️⃣ URL 解析与校验

什么是 URL？

URL（Uniform Resource Locator，统一资源定位符）就是网页的"地址"，例如：

https://www.example.com:8080/path/page?name=value#section

它的组成部分：