【PHP面试题30】浏览器中输入网址，到看到完整的见面，中间经历的过程

文章目录

• 一、前言
• 二、执行的步骤
• • 2.1 DNS解析
  • 2.2 建立TCP连接
  • 2.3 发送HTTP请求
  • 2.4 服务器处理请求
  • 2.5 服务器返回HTTP响应
  • 2.6 浏览器渲染页面
  • 2.7 加载资源
  • 2.8 完成页面加载
• 三、总结

---

一、前言

本文已收录于PHP全栈系列专栏：PHP面试专区。-
计划将全覆盖PHP开发领域所有的面试题，对标资深工程师/架构师序列，欢迎大家提前关注锁定。

二、执行的步骤

2.1 DNS解析

用户在浏览器中输入网址后，首先会进行DNS解析。DNS（Domain Name System）是一个分布式数据库系统，用于将域名转换为IP地址。浏览器会向本地DNS服务器发送域名查询请求，本地DNS服务器会去查询域名对应的IP地址，然后将其返回给浏览器。

2.2 建立TCP连接

在得到IP地址后，浏览器会根据IP地址和端口号，与目标服务器建立TCP连接。TCP（Transmission Control Protocol）是一种可靠的传输协议，通过三次握手来建立连接。三次握手的过程：首先，浏览器向服务器发送一个SYN包，表明自己的序列号，并请求建立连接；服务器接受请求后，向浏览器发送一个SYN/ACK包，表示同意建立连接；最后，浏览器再发送一个ACK包，表示连接建立成功。

2.3 发送HTTP请求

建立TCP连接后，浏览器就可以向服务器发送HTTP请求了。HTTP（Hypertext Transfer Protocol）是一种基于TCP/IP的应用层协议，用于在客户端和服务器之间传输信息。HTTP请求由请求行、请求头和请求体组成。请求行包含请求方法（GET、POST等）、请求的资源路径和HTTP协议版本；请求头包含了一些附加的信息，如User-Agent、Cookie等；请求体中可以放置一些需要传输给服务器的数据，如表单数据或请求报文。

2.4 服务器处理请求

服务器接收到浏览器发送的HTTP请求后，会根据请求的路径和参数进行处理。这个过程包括解析请求、验证身份、读取数据等。服务器可以通过脚本语言（如PHP、Python等）或者框架来处理请求，并完成相应的业务逻辑。

2.5 服务器返回HTTP响应

服务器处理完请求后，会生成一个HTTP响应并返回给浏览器。HTTP响应由响应行、响应头和响应体组成。响应行包含了响应的状态码和状态描述；响应头包含了一些附加的信息，如Content-Type（指定响应体的类型）、Set-Cookie（设置Cookie值）等；响应体中包含了服务器返回的数据，可能是HTML、JSON、图片等。

2.6 浏览器渲染页面

浏览器接收到服务器返回的HTTP响应后，开始对HTML进行解析和渲染。HTML解析器会将HTML文档转换为DOM（Document Object Model）树，然后构建渲染树（Render Tree）。渲染树包含了所有需要显示的元素和样式信息。浏览器根据渲染树来进行布局和绘制，最终在屏幕上呈现出完整的页面。

2.7 加载资源

在页面渲染的过程中，浏览器还会加载其他资源，如CSS、JavaScript和图片等。这些资源可以通过HTML的链接或标签来引入。浏览器会根据资源的路径发送HTTP请求，服务器返回相应的资源文件，然后浏览器解析和执行这些资源，最终将其呈现在页面上。

2.8 完成页面加载

当浏览器完成所有资源的加载和渲染后，页面就完全展示给用户了。用户可以看到页面中的文本、图片、表格、按钮等元素，并且可以与页面进行交互。此时，用户可以点击链接、填写表单、提交数据等操作，与服务器进行进一步的通信。

三、总结

以上就是用户在浏览器中输入网址并回车，到看到完整的页面所经历的具体细节过程。从DNS解析到建立TCP连接，再到发送HTTP请求和服务器处理请求，最后完成页面加载。这个过程是浏览器和服务器之间的协作，涉及到网络通信、数据传输、解析和渲染等多个环节。了解这些细节对于Web开发和性能优化都非常重要。