浏览器从输入url到渲染完页面的整个过程

author author     2023-05-05     293

关键词:

参考技术A

通过DNS将URL解析成IP地址

IP地址对应一台真实的物理机器,而且IP地址就像人的身份证是唯一的,用户请求服务器,只需要输入为该服务器分配的唯一的IP地址即可。但由于IP地址不便于记忆,因而使用较为语义化的域名来替代IP地址,而且一个域名可能对应了对个IP地址,比如用户输入 www.baidu.com ,该域名下对应了多个IP,域名解析服务器会根据一定的规则分配给用户其中一个IP地址。

DNS解析过程:

tips:这里使用 DNS预解析 ,可以根据浏览器定义的规则, 提前解析之后可能会用到的域名,使解析结果缓存到系统缓存中,缩短DNS解析时间,来提高网站的访问速度

知道了服务器的IP地址后, 浏览器利用tcp协议通过三次握手与服务器建立连接

TCP的三次握手四次挥手传送门

建立连接需要三个过程(三次握手)

为什么要进行三次握手?如果是两次握手,如下面的对话只有前两句,有可能出现的问题是:客户端之前发送了一个连接请求报文,由于网络原因滞留在网络中,后来到达服务器端,服务器接收到该请求,就会建立连接,等待客户端传送数据。而此时客户端压根就不知道发生了什么,白白造成了服务器资源浪费。

客户机与服务器建立TCP/IP连接后就可以通信了。

get会产生一个tcp数据包,post则是两个( GET和POST最详细的总结传送门 )

.

客户端请求静态资源和动态资源:

浏览器拿到HTML文件后,根据渲染规则进行渲染

浏览器渲染过程传送门

客户端没有数据发送时就需要断开连接,以释放服务器资源

TCP的三次握手四次挥手传送门

最终服务器收到该客户端发送的消息断开连接,客户端也关闭连接。

输入url到页面渲染的整个流程(代码片段)

...进行DNS解析通过域名解析成IP地址。在解析过程中,按照浏览器缓存、系统缓存、路由器缓存、ISP(运营商)DNS缓存、根域名服务器、顶级域名服务器、主域名服务器的顺序,逐步读取缓存,直到拿到IP地址。当你在浏览器中想访问... 查看详情

一个页面从输入url到页面加载完的过程中都发生了什么事情?

过程概述浏览器查找域名对应的IP地址;浏览器根据IP地址与服务器建立socket连接;浏览器与服务器通信:浏览器请求,服务器处理请求;浏览器与服务器断开连接。以下为详细解析:根据域名查找IP地址概念解释IP地址:IP协议为... 查看详情

从浏览器输入url到页面加载完成都发生了什么

...的网络传输过程:DNSLookup先获得URL对应的IP地址SocketConnect浏览器和服务器建立TCP连接SendRequest浏览器发送HTTP请求ContentDownload服务器发送响应接下来讲讲这里存在的性能问题:如果你对DNS的查询还有印象的话现在反思一下,DNSLookup... 查看详情

浏览器输入网址到浏览器渲染页面的过程

1) 在客户端浏览器中输入网址URL。2) 发送到DNS(域名服务器)获得域名对应的WEB服务器的IP地址。3) 客户端浏览器与WEB服务器建立TCP(传输控制协议)连接。4) 客户端浏览器向对应IP地址的WEB服务器发送相应的HTTP或HTTPS... 查看详情

面试题系列---一个页面从输入url到页面加载显示完成,这个过程都发生什么?

...输入URL到页面加载显示完成,这个过程都发生什么?1.在浏览器中输入url2.浏览器访问dns服务器,根据域名查找对应的ip3.通过ip找到服务器,建立tcp连接4.发送http请求5.后端服务器接收请求,处理后响应给浏览器6.浏览器接收后端... 查看详情

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

...对应的web服务器对应的ip地址;与web服务器建立TCP连接;浏览器向web服务器发送http请求;web服务器响应请求,并返回指定url的数据(或错误信息,或重定向的新的url地址);浏览器下载web服务器返回的数据及解析html源文件;生... 查看详情

javascript页面渲染

...RL或跳转页面加载html  1.2加载一个资源的过程    浏览器根据DNS服务器得到域名的IP地址    向这个IP的机器发送http请求    服务器收到后处理并返回http请求    浏览器得到返回内容  1.3浏览器渲染页面的... 查看详情

从输入url到页面渲染完成-戈多编程

1.输入URL地址2.浏览器根据域名查询IP地址3.浏览器发送HTTP请求到web服务器4.服务器返回一个永久重定向响应5.浏览器会跟踪重定向地址6.服务器处理请求7.服务器返回一个HTML响应8.浏览器开始渲染HTML9.浏览器发送签入在HTML中的对象... 查看详情

从输入url到页面加载发生了什么

...:DNS解析TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束1.DNS解析DNS解析的过程就是寻找哪台机器上有你需要资源的过程。当你在浏 查看详情

从输入url到页面展示,这中间发生了什么?

备注:Chrome包括:1个浏览器主进程、1个GPU进程、1个网络进程、多个渲染进程、多个插件进程1.用户输入URL,浏览器会根据用户输入的信息判断是搜索还是网址,如果是搜索内容,就将搜索内容+默认搜索引擎合成新的URL;如果用... 查看详情

从输入url到页面加载发生了什么

...了网上许多相关的文章,发现有一个问题始终绕不开:在浏览器中输入URL到整个页面显示在用户面前时这个过程中到底发生了什么。仔细思考这个问题,发现确实很深,这个过程涉及到的东西 查看详情

浏览器渲染原理(代码片段)

...DNS解析TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面浏览器应该有的功能网络;资源管理;网页浏览;多页面管理;插件与管理;账户和同步;安全机制;开发者工具浏览器的主要功能总结起来就是一句话:将用户... 查看详情

一个页面从输入url到页面加载显示完成,这个过程中都发生了什么?

...从输入URL到页面加载显示完成,这个过程中都发生了:1.浏览器补全URL地址在输入完URL之后,浏览器会自动检查该地址是否完整,例如是否有添加https协议,若发现不完整,会自动补全。2.向DNS查询IP地址每个域名都对应一个或多... 查看详情

从输入url到页面加载显示完成的过程

...把这个问题拆解成两个过程:1.用户输入url--->客户端(浏览器)拿到服务端的数据2.浏览器拿到数据--->呈现页面(也就是浏览器工作过程 查看详情

从输入url到页面展现在用户面前,都发生了什么?

...程:DNS解析TCP连接发送HTTp请求服务器处理并返回HTTP报文浏览器解析渲染页面连接结束具体过程1、DNS解析DNS解析的过程就是寻找哪台机器上有你需要资源的过程。当输入www.baidu.com的时候,其实是要找对应的ip地址,DNS充当了翻译... 查看详情

从url输入到页面展现到底发生什么(代码片段)

原文出处: 浪里行舟  前言打开浏览器从输入网址到网页呈现在大家面前,背后到底发生了什么?经历怎么样的一个过程?先给大家来张总体流程图,具体步骤请看下文分解!总体来说分为以下几个过程:DNS解析:将域... 查看详情

输入一个url到浏览器页面展示都经历了哪些过程(代码片段)

...定是输入你要访问的网站网址了,俗称url;二:缓存解析浏览器获取了这个url,当然就去解析了,它先去缓存当中看看有没有,从浏览器缓存-系统缓存-路由器缓存当中查看,如果有从缓存当中显示页面,然后没有那就进行步骤... 查看详情

浏览器从输入url后到出现页面,这个过程发生了啥?

...的答案。哪有没有朋友像我们一样,也会好奇当前我们在浏览器输入网址之后,浏览器做了些什么呢?URL解析、缓存查询,DNS解析、TCP连接、处理请求、接受响应、渲染页面首先判断你输入的是一个合法的URL还是一个待搜索的关... 查看详情