网页从输入网址到渲染完成经历了哪些过程及相关协议

最新推荐文章于 2025-03-20 13:25:15 发布

yyuand

最新推荐文章于 2025-03-20 13:25:15 发布

阅读量680

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/dyy_csdn/article/details/118568682

版权

前端专栏收录该内容

5 篇文章

订阅专栏

网页从输入网址到渲染完成经历了哪些过程

输入网址
域名解析（发送到DNS服务器，并进行查找获取域名对应的web服务器对应的ip地址【包含浏览器缓存，路由器缓存，DNS缓存查找】）
建立连接 （与web服务器建立TCP连接）
发送请求（浏览器向web服务器发送http请求）
响应请求，返回数据（web服务器响应请求，并返回指定url的数据（或错误信息，或重定向的新的url地址））
下载数据（浏览器下载web服务器返回的数据及解析html源文件；）
解析渲染（生成DOM树，解析css和js，渲染页面，直至显示完成）

网页从输入网址到渲染完成使用了哪些协议

DNS：获取域名对应IP
TCP（传输控制协议）：与服务器建立连接
IP：建立TCP连接时，使用IP协议在网络层发送数据
OPSF（开放式最短路径优先）：IP数据包在路由器之间进行路由选择
ARP（地址解析协议）：路由器在与服务器通信时，将IP地址转换为MAC地址
HTTP：TCP建立完成后，使用HTTP协议访问网页

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yyuand

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

从前端出发了解浏览器与HTTP协议：浏览器输入url =＞页面渲染全过程详解

qq_34666266的博客

10-14

545

浏览器发出请求到获得响应的过程当你在浏览器中想访问www.google.com时，会进行以下操作应用层 DNS解析,这里 DNS服务器通过域名查询到具体的IP然后下发数据给传输层传输层通过TCP三次握手和服务器建立连接，四次挥手释放连接,这里 TCP 协议会指明两端的端口号 TCP 协议的作用是，提供可靠的字节流服务,保证数据通信的完整性和可靠性，防止丢包。字节流服务是指，为了方便传输，将大块数据分割成以报文段为单位的数据包进行管理。而可靠的传输服务是指，能够把数据准确可靠地传给对方。

浏览器中输入网址到看到网页内容经历了哪些过程

h295928126的博客

09-20

2806

浏览器中输入网址到看到网页内容经历了哪些过程

参与评论您还未登录，请先登录后发表或查看评论

网页从输入网址到渲染完成经历了哪些过程

weixin_30685029的博客

08-19

515

大致可以分为如下7步：输入网址；发送到DNS服务器（解析），并获取域名对应的web服务器对应的ip地址；与web服务器建立TCP连接（低级协议，高级协议基础）；浏览器向web服务器发送http请求（高级协议）； web服务器响应请求，并返回指定url的数据（或错误信息，或重定向的新的url地址）；浏览器下载web服务器返回的数据及解析html源文件；生成DO...

地址栏输入网址到页面显示过程中各层使用的协议

最新发布

qq_46130027的博客

03-20

264

ARP（地址解析协议）：如果目标IP地址不在本地缓存，设备会使用 ARP（IPv4）或 ND（IPv6）查找目标MAC地址。ICMP (互联网控制报文协议)：可能用于网络诊断（如Ping）或处理某些错误情况（如路径MTU【最大传输单元】发现）。TCP（传输控制协议）：HTTP/HTTPS依赖TCP进行可靠传输，建立三次握手连接（客户端和服务器之间）。UDP（用户数据报协议）：DNS查询通常使用UDP进行快速解析（部分情况下可能使用TCP）.

6、网页从输入网址到渲染完成经历了哪些过程

qq_36742720的博客

07-19

1510

大致可分为七步： 1、输入网址 2、发送到DNS服务器，并获取域名对应的web服务器对应的ip地址 3、与web服务器建立tcp连接 4、浏览器向web服务器发送http请求 5、web服务器响应请求，并返回指定url的数据 6、浏览器下载web服务器返回的数据并解析html源文件 7、生成Dom树，解析js和css，渲染页面 ...

『HTTP知识点』从地址栏输入url地址到页面最终渲染完成，经历了什么？

拎着壳儿跑的蜗牛

12-04

7274

引言简单的说可以分为六步：1.DNS查询 / 解析、2.TCP连接： TCP三次握手、3.发送请求、4.返回响应、5.渲染页面、6.断开连接：TCP四次挥手从第一步到第六步，每一个知识点都可以详细的阐述其中的原理，下面是从简洁的过程总结到逐一知识点分析开始吧我们的旅程吧页面最终渲染完成经历了以下过程☞ 在浏览器中输入url 用户输入url，比如http://www.google....

网页输入网址到渲染完成经历了哪些阶段

qq_55724781的博客

04-08

3418

大致可以分为以下7个阶段 1、输入网址 2、发送到DNS 服务器，并确定域名对应的web服务器的 ip 地址 3、与浏览器建立tcp 连接(三次握手，四次挥手) 4、浏览器向web服务器发送http 请求 5、web服务器响应请求，并返回指定的url 的数据（或者错误信息）或者重定向的新url地址 6、浏览器下载web服务器返回的数据及解析 html 文件 7、生成dom 数，解析css 和 js 渲染页面直至显示完成 ...

从输入一个URL地址到浏览器完成渲染的整个过程

Bald_monster的博客

09-25

1623

从输入一个URL地址到浏览器完成渲染的整个过程 1. 浏览器地址输入URL并回车 2. 浏览器查找当前URL是否存在缓存，并比较缓存是否过期 3. DNS解析URL对应的IP DNS解析实际上就是寻找你所需要的资源的过程。假设你输入 www.baidu.com ，而这个网站并不是百度的真实地址，互联网中的每一台机器都有唯一标识的IP地址，这个才是关键，但是它并不好记，所有就需要一个网址和IP地址转换，也就是DNS解析具体解析：输入网址后，首先在本地的域名服务器中查找，没找到去根

深入解析：从URL到页面渲染的完整过程与性能优化【页面渲染、重排、重汇】

qq_22841387的博客

09-23

1702

从用户输入URL到页面最终渲染，整个过程涉及网络通信（DNS查询、TCP连接）、资源加载（HTML、CSS、JavaScript）、解析与执行（构建DOM、CSSOM、执行JavaScript）、渲染优化（布局、绘制、合成）。这一系列步骤的高效执行依赖于现代浏览器的渲染引擎和多种性能优化技术，以提供流畅的用户体验。优化网页性能的核心在于减少不必要的重排和重绘操作，尤其是在复杂的应用场景中，频繁的布局计算和绘制会显著影响用户体验。

完整渲染过程——从URL到页面

cicistream

10-06

4907

当用户输入一串URL（统一资源定位符）到完整的页面渲染出来，到底经历了什么呢~下面我来描述一下整个过程。先列出他的大致流程：浏览器根据请求的URL交给DNS域名解析，找到真实的IP，向服务器发起请求；服务器交给后台处理完后返回数据，浏览器接受文件（HTML/CSS/JS/图像等）；浏览器对加载到的数据进行解析，建立起相应的内部结构；载入解析到的资源文件，渲染页面，完成。我们主要分为两部分...

从输入url到页面展现的全过程

weixin_39357177的博客

11-24

1421

假定出现一种异常情况，即A发出的第一个连接请求报文段并没有丢失，而是在某些网络节点长时间滞留了，以致延误到连接释放以后的某个时间才到B。本来这是一个已失效的报文段。但是B收到此失效的连接请求报文段后，就误认为是A有发出一次新的连接请求。于是就向A发出确认报文段，同意建立连接。假定不采用三次握手，那么只要B发出确认，新的连接就建立了。由于现在A并没有发出建立连接的请求，因此不会理睬B的确认，也不会向B发送数据。但B却以为新的运输连接已经建立了，并一直等待A发来数据。B的许多资源就这样拜拜浪费了。

网页从输入网址到渲染完成经历了哪些过程？

jsjbdndn的博客

11-09

735

网页从输入网址到渲染完成经历了哪些过程？

网页从输入网址到渲染完成经历了哪些过程？（面试会问）

qq_43217258的博客

07-20

1401

网页从输入网址到渲染完成经历了哪些过程？大致可以分为如下7步：输入网址；发送到DNS服务器，并获取域名对应的web服务器对应的ip地址；与web服务器建立TCP连接；浏览器向web服务器发送http请求； web服务器响应请求，并返回指定url的数据（或错误信息，或重定向的新的url地址）；浏览器下载web服务器返回的数据及解析html源文件；生成DOM树，解析css和js，渲染页面，直至显示完成；答案： 1输入网址 2 发送到DNS服务器获取IP地址 3 与服务器建立连接 4 浏览器向服

网页从输入网址到页面渲染完成都经历了哪些过程？

weixin_71370424的博客

10-20

376

浏览器使用HTTP或HTTPS协议与服务器建立TCP连接。这个过程涉及到三次握手，即客户端向服务器发送一个连接请求，服务器回复确认，最后客户端再次回复确认。输入网址，浏览器对地址进行解析，获得协议，主机，端口，路径等信息（获得服务器域名），将获取的服务器域名进行DNS解析（获得IP）。通过IP寻址和arp，找到目标服务器地址（获得MAC地址）

输入网址到网页展现的过程和用到的协议

qq_41134990的博客

08-08

473

如果是静态的请求（HTML文件，JavaScript文件，CSS文件，图片等），也许自己就能搞定了（当然依赖于Nginx配置，可能转发到别的缓存服务器去），读取本机硬盘上的相关文件，直接返回。如果是动态的请求，需要后端服务器（如Tomcat)处理以后才能返回，那就需要向Tomcat转发，如果后端的Tomcat还不止一个，那就需要按照某种策略选取一个。对于HTTP GET请求，Nginx利用epoll的方式给读取了出来， Nginx接下来要判断，这是个静态的请求还是个动态的请求啊？...

web 从输入url到渲染到页面上都经历了哪些过程？

生命不息，挖坑不止

06-28

551

浏览器与服务器简历TCO连接，进行三次握手。（DNS解析完成之后，TCP连接服务器就绪，页面绘制完成后，TCP连接断开）服务器处理浏览器的请求，并返回请求数据，其中包括HTML文档。浏览器将各个节点的涂层合并成一个完整的页面，然后展示到屏幕上。浏览器会进行DNS解析，将域名转换成服务器的IP地址。浏览器向服务器发送HTTP请求，请求页面资源。浏览器进行布局，计算出每个节点在页面上的位置。浏览器解析CSS样式，构建CSSOM树。浏览器进行绘制，将每个节点绘制到屏幕上。浏览器解析HTML文档，构建DOM树。

【网络】浏览器输入URL到展示页面全过程（含互联网协议及HTTPS简介）

weixin_33918357的博客

07-03

2026

1 简介 HTTP(Hypertext Transfer Protocol) 超文本传输协议，是万维网的基础，在浏览器中我们主要是用 HTTP 以及 HTTPS 进行网络访问，那么我们在浏览器的地址栏输入一个 URL到回车展示给我们页面的过程发生了什么呢？ 2 URL 介绍假设众所周和，互联网的资源是由 URL 定位让我们访问的，URL 就是统一资源定位符。一般我们访问 baidu.com，就可...

输入一个网址到渲染出页面都经历了哪些？

anxw66497的博客

10-23

150

request请求阶段 1.根据客户端输入的域名，到DNS服务器进行反解析（通过域名找到对应服务器的外网IP） 2.通过找到的外网IP找到对应的服务器 3.通过在地址栏中输入的端口号（没有输入是因为不同协议有自己默认的端口号）找到服务器上发布的对应的项目 response响应阶段 4.服务器获取到请求资源文件的地址 5.服务器会把找到的代码返回给客户端浏览器自主渲染 6...

简述一个浏览器从地址栏输入了内容到打开网页经历了什么 ?

07-14

当用户在浏览器的地址栏中输入内容并按下回车键时，浏览器会经历以下步骤来打开网页： 1. 解析URL：浏览器会解析用户输入的URL（统一资源定位符），URL包含了要访问的网页的地址和其他参数。 2. DNS解析：浏览器会向域名系统（DNS）服务器发送一个请求，以获取输入URL中所包含的网址的IP地址。DNS服务器将返回对应的IP地址，使得浏览器能够与服务器建立连接。 3. 建立连接：浏览器使用HTTP或HTTPS协议与服务器建立连接。对于HTTPS协议，还会进行SSL/TLS握手过程来建立安全连接。 4. 发送请求：浏览器会向服务器发送一个HTTP请求，其中包含了用户请求的网页和其他相关信息，如请求方法（GET、POST等）和请求头部（包含浏览器的信息、支持的数据格式等）。 5. 服务器处理请求：服务器接收到浏览器发送的请求后，会根据请求的内容进行处理。这可能包括读取数据库、执行动态代码等操作。 6. 响应生成：服务器处理完成后，会生成一个HTTP响应。响应中包含了网页的内容、状态码（表示请求成功或失败的数字代码）和其他相关信息。 7. 接收响应：浏览器接收到服务器发送的HTTP响应后，会开始解析响应。浏览器会根据响应头部的信息来判断如何处理响应内容。 8. 渲染页面：如果响应中的状态码表示成功（例如200），浏览器会开始渲染页面。它会解析HTML、CSS和JavaScript代码，构建DOM树和渲染树，并将网页内容显示在浏览器窗口中。 9. 下载资源：在渲染页面的过程中，浏览器可能会发现页面中引用了其他资源，如图像、样式表、脚本文件等。浏览器会发送请求来下载这些资源，并将其添加到页面中。 10. 执行脚本：如果页面包含了JavaScript代码，浏览器会执行这些脚本，以实现交互和动态效果。 11. 网页加载完成：当所有的资源都被下载并且页面完成渲染时，浏览器会触发页面加载完成的事件。这是一个简要的描述，实际上，浏览器的工作过程还涉及到缓存机制、安全策略、优化算法等。