输入url按下回车后发生了什么

最新推荐文章于 2025-06-28 15:14:52 发布

原创最新推荐文章于 2025-06-28 15:14:52 发布 · 455 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端

js 专栏收录该内容

7 篇文章

订阅专栏

在前端浏览器中输入URL并按下回车后，会触发一系列复杂的过程来加载和显示所请求的网页。以下是这一过程的主要步骤：

URL解析：
- 浏览器首先会解析用户输入的URL，识别出其中的协议（如http、https）、主机名（域名）、端口号（如果有指定）、路径以及查询参数等部分。
检查缓存：
- 浏览器会检查本地缓存中是否有该URL对应的页面资源。如果缓存中存在且未过期，则直接加载缓存中的页面，跳过后续的网络请求步骤。
DNS解析：
- 如果缓存中没有页面资源或缓存已过期，浏览器会向DNS服务器发送查询请求，将URL中的主机名解析为对应的IP地址。这一过程涉及递归查询或迭代查询，直到找到匹配的IP地址。
TCP连接：
- 浏览器使用解析得到的IP地址和端口号，与服务器建立TCP连接。这通常涉及三次握手过程，以确保客户端和服务器之间的连接可靠建立。
发送HTTP请求：
- 一旦TCP连接建立成功，浏览器会向服务器发送HTTP请求报文，请求所需的网页资源。请求报文中包含请求行、请求头、空行以及可能的请求数据（如POST请求中的表单数据）。
服务器响应：
- 服务器接收到HTTP请求后，会处理请求并返回HTTP响应报文。响应报文中包含状态行、响应头以及响应正文（如HTML页面内容）。
接收响应并渲染页面：
- 浏览器接收到服务器的响应后，开始处理响应内容。如果响应是HTML页面，浏览器会解析HTML、构建DOM树和CSSOM树，然后将它们合并成渲染树。接着，浏览器会根据渲染树进行页面布局（reflow）和绘制（repaint），最终将页面内容显示在浏览器窗口中。
下载并加载资源：
- 页面中可能包含其他资源（如CSS文件、JavaScript文件、图片等）。浏览器会解析HTML并发现这些资源，然后对每个资源发起相应的HTTP请求进行下载。这些资源下载完成后，浏览器会执行JavaScript代码、应用CSS样式等，以完成页面的交互和动态效果。
保持TCP连接（可选）：
- 在某些情况下，浏览器可能会保持TCP连接一段时间（称为持久连接或长连接），以便后续请求可以更快地建立连接。然而，如果连接长时间未使用，服务器可能会主动断开连接，或者浏览器在发送完所有请求后也会关闭连接。
TCP连接断开（可选）：
- 当不再需要TCP连接时（如所有请求都已发送完毕且响应已接收），浏览器会发起四次挥手过程来关闭连接。这确保客户端和服务器之间的连接被正确关闭。