简单描述从输入网址到页面显示的过程

最新推荐文章于 2024-10-06 15:00:22 发布

He_wc

最新推荐文章于 2024-10-06 15:00:22 发布

阅读量1.4k

点赞数 26

文章标签：前端 html

本文链接：https://blog.csdn.net/he_9a9/article/details/135009667

版权

当用户输入网址并按下回车键后，浏览器会进行以下步骤：

DNS 解析：浏览器会解析网址中的域名部分，提取出需要访问的目标域名。然后，它会向本地 DNS 服务器发送一个 DNS 查询请求，以获取该域名对应的 IP 地址。
TCP 连接：一旦本地 DNS 服务器返回了对应的 IP 地址，浏览器就会使用该 IP 地址与目标服务器建立 TCP 连接。这个过程通常是通过三次握手协议来确保连接的可靠性。
发送 HTTP 请求：TCP 连接建立后，浏览器会向服务器发送一个 HTTP 请求，该请求包含了用户需要访问的资源的信息，如 HTML 页面、图片、样式表等。
服务器处理请求：服务器收到请求后，会解析请求内容，并根据请求的信息进行相应的处理。这可能涉及从数据库中检索数据、执行服务器端的逻辑操作等。
返回 HTTP 响应：服务器将生成的响应发送回浏览器，响应包括了请求资源的数据以及响应的状态码等信息。
解析和渲染：浏览器接收到响应后，开始解析响应内容。如果响应的内容是 HTML 页面，浏览器会解析 HTML 结构，并从服务器请求页面中引用的其他资源，如图片、样式表、JavaScript 文件等。浏览器根据解析到的资源进行渲染，将页面的结构、样式和内容显示给用户。
JavaScript 执行：如果页面中包含 JavaScript 代码，浏览器会执行这些代码，以实现交互和动态效果。

通过以上步骤，用户最终能够在浏览器中看到所请求的网页内容，并与页面进行交互。

DNS解析

DNS解析是将域名转换为对应的IP地址的过程。

浏览器解析URL：当用户在浏览器中输入网址时，浏览器会解析URL，提取出其中的域名部分。
本地DNS缓存查找：浏览器首先会检查本地DNS缓存，看是否已经缓存了该域名的IP地址。如果有缓存，浏览器会直接使用缓存的IP地址，跳过后续的DNS查询过程。
向本地DNS服务器发送查询请求：如果本地DNS缓存没有找到对应的IP地址，浏览器会向本地DNS服务器发送一个DNS查询请求。
递归查询过程：本地DNS服务器会先检查自己的缓存，如果有缓存，则返回缓存的IP地址。如果没有缓存，本地DNS服务器会向根DNS服务器发起查询请求。
根DNS服务器查询：根DNS服务器是整个DNS系统的最高层级，负责管理顶级域名服务器的IP地址。本地DNS服务器会向根DNS服务器发送查询请求，询问它所管理的顶级域名服务器的IP地址。
顶级域名服务器查询：根DNS服务器收到查询请求后，会返回负责相应顶级域名（如com、net、org等）的顶级域名服务器的IP地址。
权限域名服务器查询：本地DNS服务器会向负责相应顶级域名的顶级域名服务器发送查询请求。顶级域名服务器会返回负责解析该域名的权限域名服务器的IP地址。
权限域名服务器查询：本地DNS服务器再次向权限域名服务器发送查询请求。权限域名服务器会查找并返回该域名对应的IP地址。
返回结果：本地DNS服务器将获取到的IP地址返回给浏览器。
建立TCP连接：浏览器使用获取到的IP地址与目标服务器建立TCP连接，开始进行后续的HTTP请求和响应过程。

进行DNS优化可以提高网站的访问速度和性能，下面是一些常见的DNS优化方法：

使用快速的DNS解析服务提供商：选择一个可靠且性能良好的DNS解析服务提供商，如Google Public DNS、Cloudflare DNS等。这些服务提供商通常具有全球分布的服务器，能够提供较快的响应时间。
设置适当的DNS缓存时间：在DNS记录中设置合理的TTL（Time to Live）值，以控制DNS缓存的存活时间。较短的TTL值能够更快地更新DNS缓存，但可能增加了DNS查询的次数。
DNS扁平化：对于大型网络环境，可以使用DNS扁平化技术来减少DNS查询的层级。通过将域名的子域名分布到不同的DNS服务器上，可以减少DNS查询链的长度，提高解析速度。
DNS负载均衡：通过使用多个DNS服务器并将流量均匀分配给它们，可以提高系统的可用性和性能。负载均衡可以避免单点故障，并将请求分散到多个服务器上，减轻服务器的负荷。
DNS安全增强：实施DNSSEC（DNS Security Extensions）可以提供对DNS查询的身份验证和数据完整性保护，防止DNS欺骗和劫持攻击。
预热DNS缓存：在系统启动或重启后，DNS缓存可能为空，需要重新进行解析。为了加快解析速度，可以通过预热DNS缓存，提前进行一些常见域名的解析，以便用户首次访问时能够更快地获取到解析结果。

TCP连接

TCP（Transmission Control Protocol）连接是一种面向连接的、可靠的网络传输协议，它通过三次握手建立连接，保证数据传输的可靠性和正确性。

建立连接（三次握手）

在建立TCP连接时，客户端首先向服务器发送一个SYN（Synchronize Sequence Numbers）包，其中SYN标志位被设置为1，同时随机生成一个初始序列号（ISN）。服务器收到SYN包后，向客户端发送一个ACK（Acknowledgment）包，其中ACK标志位被设置为1，同时将确认序列号（ACK number）设置为客户端的ISN+1，并随机生成一个自己的ISN。此时服务器进入SYN_RECEIVED状态。

客户端收到服务器的ACK包后，还需要向服务器发送一个ACK包，确认服务器的ISN。该ACK包的ACK标志位被设置为1，确认序列号为服务器的ISN+1。当服务器收到该ACK包后，连接建立成功，进入ESTABLISHED状态。

数据传输

在TCP连接建立成功后，客户端和服务器可以开始进行数据传输。每个TCP报文段都有一个序列号和一个确认序列号。发送方通过序列号标识传输的数据，接收方通过确认序列号确认收到的数据。

断开连接（四次挥手）

当客户端或服务器需要断开连接时，它会向对方发送一个FIN（Finish）包，其中FIN标志位被设置为1。接收方收到FIN包后，会向发送方发送一个ACK包，确认收到了FIN包。此时接收方进入CLOSE_WAIT状态，发送方进入FIN_WAIT_2状态。

当接收方也需要断开连接时，它会向发送方发送一个FIN包，发送方收到FIN包后会发送一个ACK包进行确认。此时发送方进入TIME_WAIT状态，并等待一段时间后进入CLOSED状态，接收方收到确认后直接进入CLOSED状态。

以上就是TCP连接的基本流程。TCP连接通过三次握手建立连接，保证数据传输的可靠性和正确性；通过序列号和确认序列号进行数据传输；通过四次挥手完成连接的断开。TCP连接在网络传输中应用广泛，为互联网的安全和稳定提供了重要保障。

发送HTTP请求

发送HTTP请求是客户端向服务器请求获取资源的过程。

建立TCP连接：HTTP使用TCP作为传输协议，在发送HTTP请求之前，需要先建立与服务器的TCP连接。这通常涉及到解析目标服务器的域名并获取其IP地址，然后通过TCP三次握手建立连接。
构建请求报文：HTTP请求由请求行、请求头和请求体组成。请求行包括请求方法（如GET、POST）、请求的URL路径和HTTP协议版本。请求头包含一系列的键值对，用来传递附加信息，如请求的主机、用户代理等。请求体主要用于POST请求，用于传递表单数据或其他需要提交的数据。
发送请求：将构建好的请求报文发送给服务器。可以使用HTTP库或网络编程语言提供的方法来发送HTTP请求，如Python的requests库、Java的HttpURLConnection类等。
接收响应：服务器接收到请求后，会返回一个HTTP响应。响应包括响应状态行、响应头和响应体。响应状态行包含响应的HTTP协议版本、状态码和状态消息。响应头包含服务器返回的一系列键值对信息，如内容类型、内容长度等。响应体包含服务器返回的实际数据，如HTML页面、JSON数据等。
处理响应：根据响应状态码判断请求是否成功，并根据需要处理响应体中的数据。可以使用相应的库或方法来解析和处理响应结果。
关闭连接：在完成HTTP请求和响应后，可以关闭与服务器的TCP连接，释放资源。

服务器处理请求

服务器在接收到客户端发送的HTTP请求后，需要进行一系列的处理来响应请求。

解析请求：服务器首先需要解析收到的HTTP请求报文，包括请求行、请求头和请求体。通过解析可以获取请求的方法、URL路径、请求头信息以及请求体中的数据（对于POST请求）等。
路由和处理逻辑：根据请求的URL路径和请求方法，服务器需要确定对应的处理逻辑。这通常涉及到路由的选择和请求处理器的调用。服务器可以根据不同的URL路径和请求方法将请求分发给不同的处理器或控制器进行处理。
执行业务逻辑：服务器根据请求的处理逻辑执行相应的业务操作。这可能包括从数据库中获取数据、处理用户输入、调用其他服务等。服务器会根据具体的业务需求来执行相应的操作，生成需要返回给客户端的数据或页面。
生成响应：在执行完业务逻辑后，服务器会生成HTTP响应。响应包括响应状态行、响应头和响应体。响应状态行包含响应的HTTP协议版本、状态码和状态消息。响应头包含服务器返回的一系列键值对信息，如内容类型、内容长度等。响应体包含服务器返回的实际数据，如HTML页面、JSON数据等。
发送响应：服务器将生成的HTTP响应发送回客户端。通过TCP连接，服务器使用HTTP协议将响应报文发送给客户端。响应报文会经过网络传输到客户端，供客户端解析和处理。
关闭连接：在完成响应后，服务器可以关闭与客户端的TCP连接，释放资源。

返回 HTTP 响应

返回HTTP响应是服务器对客户端请求的处理结果进行回复的过程。

构建响应报文：服务器根据请求的处理结果生成HTTP响应报文。响应报文由响应状态行、响应头和响应体组成。响应状态行包含响应的HTTP协议版本、状态码和状态消息。响应头包含服务器返回的一系列键值对信息，如内容类型、内容长度等。响应体包含服务器返回的实际数据，如HTML页面、JSON数据等。
发送响应报文：服务器使用TCP连接将构建好的响应报文发送给客户端。通过HTTP协议，服务器将响应报文发送给客户端的IP地址和端口号。响应报文会经过网络传输到客户端。
接收响应：客户端接收到服务器发送的HTTP响应报文。客户端会解析响应报文，提取响应状态行、响应头和响应体中的数据。
处理响应：客户端根据响应状态码判断请求是否成功，并根据需要处理响应体中的数据。可以根据具体的需求解析和处理响应结果，如显示HTML页面、解析JSON数据等。
关闭连接：在完成HTTP响应和处理后，可以关闭与服务器的TCP连接，释放资源。

解析和渲染

解析和渲染是在客户端接收到服务器返回的响应后，将响应中的数据进行解析和展示的过程。

解析响应：客户端会解析服务器返回的响应报文。解析包括解析响应状态行、响应头和响应体中的数据。解析过程可以使用相应的HTTP库或框架来完成，这些工具提供了对响应报文的解析方法。
提取数据：根据解析的结果，客户端可以提取出响应中的相关数据。例如，从响应头中获取内容类型、编码方式等信息，从响应体中获取具体的数据内容。
数据处理：根据需要，客户端可能需要对提取到的数据进行进一步处理。例如，如果响应体中是JSON格式的数据，客户端可以将其转换为对象或进行其他操作。
渲染页面：对于HTML页面或其他需要展示的内容，客户端会将数据渲染到页面上。这涉及到将数据填充到指定的HTML元素中，或者使用模板引擎等工具进行页面渲染。
显示内容：最后，客户端会将渲染好的页面或其他内容展示给用户。这可以通过浏览器显示页面，或者在移动应用程序中以合适的方式呈现。

在这里插入图片描述

JavaScript 执行

JavaScript 的执行过程是单线程的，也就是说，同一时间只能执行一个任务。如果遇到耗时的任务，会导致 JavaScript 引擎阻塞，影响用户体验。为了避免这种情况，可以通过异步编程、Web Worker 等方式来实现并发执行。

语法解析：JavaScript 引擎会首先对代码进行词法分析和语法分析，生成抽象语法树（AST）。
预编译：在 JavaScript 代码执行之前，JavaScript 引擎会对变量和函数声明进行预编译，即将变量和函数声明提升到作用域的顶部，并赋初始值（undefined）。注意，变量赋值、函数表达式等不会被提升。
执行代码：按照代码的书写顺序，依次执行代码。执行过程中，变量会被赋予新的值，函数会被调用，并传递参数。
作用域链：每个执行上下文都有一个作用域链，用于解析变量名和函数名。当访问变量或函数时，JavaScript 引擎会沿着作用域链向上查找，直到找到对应的变量或函数。
垃圾回收：在 JavaScript 执行过程中，引擎会自动进行垃圾回收，即回收不再使用的变量和对象的内存空间。