URL到页面显示的过程

当在浏览器中输入一个URL并按下回车键时，会发生一系列复杂的步骤，最终将网页内容显示在你的屏幕上。

1. 输入URL：

   • 用户在浏览器地址栏中输入URL。

2. 解析URL：

   • 浏览器解析URL，确定协议（如http或https）、域名和路径。

3. DNS解析：

   • 浏览器通过DNS（域名系统）将域名解析为IP地址。

4. 建立TCP连接：

   • 浏览器使用IP地址与服务器建立TCP连接（三次握手）。

5. 发送HTTP请求：

   • 浏览器构建HTTP请求（GET请求），并通过TCP连接发送给服务器。

6. 服务器处理请求：

   • 服务器接收到HTTP请求，并根据请求的资源路径处理请求。

7. 服务器响应：

   • 服务器处理请求后，将资源（如HTML文件）作为HTTP响应发送回浏览器。

8. 浏览器接收响应：

   • 浏览器接收到HTTP响应，并开始解析响应内容。

9. 解析HTML：

   • 浏览器解析HTML文档，构建DOM（文档对象模型）。

10. 发送资源请求：

    • 浏览器解析HTML时，发现需要加载的资源（如CSS文件、JavaScript文件、图片等），并发送额外的HTTP请求。

11. 加载资源：

    • 服务器响应这些资源请求，浏览器接收并处理这些资源。

12. 构建CSSOM：

    • 浏览器解析CSS文件，构建CSS对象模型（CSSOM）。

13. 构建渲染树：

    • 浏览器将DOM和CSSOM结合起来，生成渲染树。

14. 布局：

    • 浏览器根据渲染树计算每个元素的位置和大小。

15. 绘制：
    浏览器将渲染树绘制到屏幕上。

16. 执行JavaScript：

    • 浏览器执行HTML中的JavaScript代码，可能会进一步修改DOM或CSSOM。

17. 页面交互：

    • 用户与页面进行交互，浏览器根据需要更新渲染树和CSSOM，并重新布局和绘制。