浏览器工作原理-导航流程：从输入URL到页面展示，这中间发生了什么？

最新推荐文章于 2024-07-22 06:48:36 发布

fanxiangs

最新推荐文章于 2024-07-22 06:48:36 发布

阅读量561

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.csdn.net/qq_43086106/article/details/104653758

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了浏览器从用户输入URL到页面展示的整个过程，包括地址栏判断、网络请求、DNS解析、TCP连接、HTTP请求、重定向、响应解析、页面渲染及加载状态更新等关键步骤。深入理解这一流程有助于更好地优化网页性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

地址栏判断是url还是搜索内容，如果是搜索内容，会使用浏览器默认搜索引擎加上搜索内容合成url；如果是域名则会加上协议合成完整的url
然后按下回车。浏览器进程通过IPC（进程间通信）把url传给网络进程（网络进程接收到url才发起真正的网络请求）。
网络进程接收到url后，先查找有没有缓存。如果有缓存，直接返回缓存资源。如果没有缓存（进入真正的网络请求），首先获取域名的IP，系统会首先从host文件中寻找域名对应的IP地址，一旦找到就和服务器建立TCP连接；如果没有找到，系统则会将网址交给DNS域名解析服务器进行IP解析
利用IP和服务器进行TCP连接（三次握手）
建立连接后，浏览器构建数据包（包含请求行，请求头，请求正文并把域名相关的cookie等数据附加到请求头），然后向服务器发送请求
服务器根据收到的请求构建响应数据（包括响应行，响应头，响应正文），然后返回给网络进程
网络进程收到数据后进行解析，如果发现响应行的返回的状态码为301，302，说明服务器要我们去找别人要数据，找谁呢？找响应头中的Location字段要，Location的内容是需要重定向的地址url。获取到这个url一切重新来过。如果返回的状态码为200，说明服务器返回了数据。
获取到数据以什么方式打开呢？打开的方式不对的话也不行。打开的方式就是 Content-Type。这个属性告诉浏览器服务器返回的数据是什么类型的。如果返回的是网页类型则为 text/html，如果是下载文件类型则为 application/octet-stream 等等。打开的方式不对，则得到的结果也不对。如果是下载类型，则该请求会被提交给浏览器的下载管理器，同时该请求的流程到此结束。如果是网页类型，那么浏览器就要准备渲染页面了。
渲染页面开始。浏览器进程发出“提交文档”（文档是响应体数据）消息给渲染进程，渲染进程接收到消息后会和网络进程建立传输数据的通道，网络进程将“文档”传输给渲染进程
一旦开始传输，渲染进程便开始渲染界面（详细渲染过程待续。。。）
传输完毕，渲染进程会发出“确认提交”消息给浏览器进程。
浏览器在接收到“确认提交”消息后，更新浏览器界面状态（包括地址栏信息，仟前进后退历史，web页面和网站安全状态）。
页面此时可能还没有渲染完毕，而一旦渲染完毕，渲染进程会发送一个消息给浏览器进程，浏览器接收到这个消息后会停止标签图标的加载动画。

在这里插入图片描述