浏览器输入网址后会发生什么？

guozipi

于 2025-09-18 14:36:17 发布

阅读量1k

点赞数 17

CC 4.0 BY-SA版权

分类专栏：网络文章标签：浏览器三次握手 DNS解析 TCP协议

1 篇文章

订阅专栏

上述这张图完整呈现了**“浏览器输入网址到页面加载完成”的全链路技术流程**，结合网络协议与浏览器工作原理，可分阶段拆解分析：

流程以“输入网址”为起点，经 DNS域名解析、TCP连接建立、HTTP请求响应、浏览器页面渲染四大核心阶段，最终实现“页面加载完成”。每个阶段又包含细分技术环节，共同支撑“域名→网页”的转化。

用户在浏览器输入 www.example.com 这类域名后，浏览器需先将域名转换为服务器的IP地址（网络通信基于IP协议，设备通过IP识别彼此）。这一步的核心技术是 DNS（域名系统）。

DNS是“域名→IP”的映射系统，图中展示了解析的关键逻辑：

缓存优先查询：浏览器先查自身缓存、操作系统缓存、路由器缓存、ISP（网络服务商）缓存。若缓存有 www.example.com 的IP，直接复用（提升速度）；若缓存未命中（图中粉色“缓存未命中”标识），则进入分层查询。
分层DNS查询：向根域名服务器→顶级域名服务器（如.com）→二级域名服务器（如example.com）→三级域名服务器（如www.example.com）依次查询，最终获取目标IP（如图中“获取IP:10.8.8.168”）。
原理：DNS采用分布式分层架构，根服务器为顶层，向下逐层细分，保障全球域名解析的高效性与可靠性。

获取IP后，浏览器需与服务器建立可靠的TCP连接（HTTP协议基于TCP传输数据，TCP保障数据完整性、有序性）。图中“TCP三次握手”展示了连接建立的核心交互：

客户端发 SYN 报文，请求建立连接；
服务器回 SYN+ACK 报文，确认请求并同步状态；
客户端再发 ACK 报文，完成连接确认。
原理：三次握手通过“请求-确认-再确认”，确保客户端与服务器双向收发能力正常，避免传输丢包、乱序，是TCP“可靠性”的核心体现。

TCP连接建立后，浏览器向服务器发 HTTP请求（如请求 example.com 的网页资源）；服务器处理后返回 HTTP响应（含HTML、CSS、JS等文件）。图中还标注了HTTP状态码分类：

1xx（信息性，如请求处理中）、2xx（成功，如200请求成功）、3xx（重定向，如301永久重定向）、4xx（客户端错误，如404页面不存在）、5xx（服务器错误，如500内部错误）。
原理：HTTP是应用层协议，依托TCP的可靠传输，实现“请求-响应”通信模型，是网页资源传输的核心载体。

服务器返回HTML、CSS、JS后，浏览器进入页面渲染阶段，核心步骤对应图中“Render Tree、DOM Tree、CSSOM Tree”等环节：

解析HTML→生成DOM树：HTML是页面结构骨架，浏览器逐行解析标签，构建“文档对象模型（DOM）”树，描述页面层级结构。
解析CSS→生成CSSOM树：CSS是样式规则，浏览器解析后生成“CSS对象模型（CSSOM）”树，描述元素样式。
DOM+CSSOM→生成Render Tree（渲染树）：渲染树包含“需显示的元素+对应样式”，是布局、绘制的基础。
布局（Layout）：计算渲染树元素的位置、大小（如宽高、边距）。
绘制（Paint）：将布局后的元素转化为屏幕像素，呈现可视化页面。
JS交互：若有JavaScript代码，浏览器JS引擎执行代码，动态修改DOM/CSSOM，影响最终渲染（如图中“JavaScript”“加载&评估”环节）。