从输入URL到展示出页面

页面"/>

从输入URL到展示出页面

目录

了解URL

 1. 输入URL

2. 域名解析

3. 建立连接

4. 服务器处理请求：

5. 返回响应：

6. 浏览器解析HTML：

7. 加载资源：

8. 渲染页面：

9. 执行JavaScript：

10. 页面展示：

从输入URL到展示出页面，涉及到多个步骤和不同的技术。本篇来解释一下整个过程中发生的主要事件：

了解URL

这里特别注意：

服务器地址：可以是 IP 地址，也可以是域名

服务器端口号：通过 IP 地址，只描述了网络资源在哪个主机上，使用端口号来区分是主机上的哪个程序

带层次文件路径：描述你要访问服务器的哪个资源的位置

查询字符串：也就是键值对（程序员自定义的）

 1. 输入URL

用户在浏览器地址栏中输入URL（统一资源定位符），URL是网站的地址，包括协议（通常是HTTP或HTTPS）、域名和资源路径。

2. 域名解析

浏览器通过DNS（域名系统）服务器将域名解析成对应的IP地址。DNS服务器会查找域名对应的IP地址，这个IP地址是指向网站服务器的。

3. 建立连接

浏览器使用HTTP协议向服务器发起请求，请求连接到服务器。如果是HTTPS，通信会被加密以保证安全性。

4. 服务器处理请求：

服务器接收到浏览器的请求后，会根据请求的资源（通常是HTML文件）进行处理。服务器可能需要查询数据库，运行应用程序等，最终生成需要的HTML响应。

5. 返回响应：

服务器将生成的HTML响应发送回浏览器。响应包括HTTP状态码（表示请求成功、重定向、错误等）和相应的数据（HTML、CSS、JavaScript等文件）。

6. 浏览器解析HTML：

浏览器接收到HTML响应后，开始解析HTML文档。它会构建DOM（文档对象模型）树，这是网页的内部表示，包括页面的结构和内容。

7. 加载资源：

在解析HTML的过程中，浏览器会发现页面引用了其他资源，比如CSS、JavaScript、图像等。浏览器会继续发送请求获取这些资源。

8. 渲染页面：

浏览器根据HTML和CSS信息渲染页面，将页面呈现给用户。这个过程包括布局、绘制和渲染交互效果等。

9. 执行JavaScript：

如果页面包含JavaScript代码，浏览器会执行这些脚本。JavaScript可以改变页面内容、响应用户交互、与服务器进行通信等。

10. 页面展示：

最终，页面在用户的浏览器中完全展示出来，用户可以看到页面内容并与页面进行交互。

这个过程涉及到多个技术和协议，包括DNS解析、HTTP/HTTPS通信、服务器端处理、HTML/CSS/JavaScript解析和渲染等。不同的浏览器和服务器可能在具体实现上有所不同，但总体流程大致相同。