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

calamus calamus     2022-08-04     310

关键词:

前端面试/笔试必考问题,越详细越好

先简单得讲:

浏览器根据请求的URL交给DNS域名解析,找到真实IP,向服务器发起请求;

    服务器交给后台处理完成后返回数据,浏览器接收文件(HTML、JS、CSS、图象等);

    浏览器对加载到的资源(HTML、JS、CSS等)进行语法解析,建立相应的内部数据结构(如HTML的DOM);

    载入解析到的资源文件,渲染页面,完成。

 

详细得说:

  1、当发送一个URL请求时,不管这个URL是Web页面的URL还是Web页面上每个资源的URL,浏览器会开启一个线程来处理这个请求,对URL 分析判断如果是 http 协议就按照 Web 方式来处理;

    2、调用浏览器内核中的对应方法,比如 WebView 中的 loadUrl 方法;

    3、在远程DNS服务器上启动一个DNS查询,这能使浏览器获得请求对应的IP地址。通过DNS解析获取网址的IP地址,设置 UA 等信息发出第二个GET请求;

    4、进行HTTP协议会话,客户端发送报头(请求报头):浏览器与远程Web服务器通过TCP三次握手协商来建立一个TCP/IP连接。该握手包括一个同步报文,一个同步-应答报文和一个应答报文,这三个报文在 浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信,而后服务器应答并接受客户端的请求,最后由客户端发出该请求已经被接受的报文。

    5、进入到web服务器上的 WebServer,如 Apache、Tomcat、Node.JS 等服务器;

    6、进入部署好的后端应用,如PHP、JavaJavaScriptPython 等,找到对应的请求处理;

    7、处理结束回馈报头,此处如果浏览器访问过,缓存上有对应资源,会与服务器最后修改时间对比,一致则返回304;

    8、浏览器开始下载html文档(响应报头,状态码200),同时使用缓存;

    9、文档树建立,根据标记请求所需指定MIME类型的文件(比如css、js),同时设置了cookie;

   10、浏览器会解析HTML生成DOM Tree,其次会根据CSS生成CSSRule Tree,而javascript又可以根据DOMAPI操作DOM,执行事件绑定等,页面显示完成。

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

<divstyle="background:#ff6a00;color:#0;font-size:small;">   <p>           作者:        查看详情

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

前言:“一个页面从输入URL到页面加载显示完成,这个过程中都发生了什么?”这个问题我想大多数人都不会陌生,好像是前端面试题经常会出现的,在此我也好好梳理梳理了一番,总结成这篇文章,希望能对和我一样在前端道... 查看详情

爱创课堂每日一题第五十七天-一个页面从输入url到页面加载显示完成,这个过程中都发生了什么?

分为4个步骤:    (1),当发送一个URL请求时,不管这个URL是Web页面的URL还是Web页面上每个资源的URL,浏览器都会开启一个线程来处理这个请求,同时在远程DNS服务器上启动一个DNS查询。这能使浏览器获得请求对... 查看详情

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

这是一个前端的经典面试题,很多大公司面试时都会被问及,涉及的面也是非常多。一般会经历以下几个过程:1、首先,在浏览器地址栏中输入url2、浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有,会直接在屏... 查看详情

从输入url到页面加载完成的过程中都发生了什么

...据域名查找IP地址概念解释IP地址:IP协议为互联网上的每一个网络和每一台主机分配的一个逻辑地址。IP地址如同门牌号码,通过IP地址才能确定一台 查看详情

性能分析从开始输入url到页面加载完成的过程中都发生了什么事情?

【稍后更新】第一个问题:从输入URL到浏览器接收的过程中发生了什么事情? 第二个问题:浏览器如何向网卡发送数据? 第三个问题:数据如何从本机网卡发送到服务器? 第四个问题:服务器接收到数据后会进行哪... 查看详情

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

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

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

...>ISPDNS缓存-->根域名服务器)2.浏览器向Web服务器发送一个HTTP请求(TCP三次握手)3.服务器301重定向(从http://example.com重定向到http://www.example.com)4.浏览器跟踪重定向地址,请求另一个带www的网址5.服务器 查看详情

一个页面从输入url到页面加载显示完成,中间都经历了什么

...的一项核心服务,它作为可以将域名和IP地址相互映射的一个分布式数据库,能够使人更方便的访问互联网 查看详情

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

...据域名查找IP地址概念解释IP地址:IP协议为互联网上的每一个网络和每一台主机分配的一个逻辑地址。IP地址如同门牌号码,通过IP地址才能确定一台主机位置。服务器本质也是一台主机,想要访问某个服务器,必须先知道它的IP... 查看详情

浏览器从输入url到页面加载显示完成全过程解析

一浏览器查找域名对应的IP地址(域名解析的过程,先进行缓存的查看);  1、在浏览器中输入www.qq.com域名,操作系统会先检查自己本地的hosts文件是否有这个网址映射关系,如果有,就先调用这个IP地址映射,完成域名解析... 查看详情

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

...的哪一台计算机3、资源路径:指示在该计算机上获取哪一个资源DNS域名解析当浏览器发现网络地址并不是IP,而是域名的时候,浏览器会向DNS服务器发送请求,查找域名对应的IP,如果该DNS服务器没有找到该域名对应的IP,那吗... 查看详情

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

转载自:http://www.tuicool.com/articles/V7JN32Z根据URL请求页面过程说实话,这类文章网上一抓一大把,而我仍想写这篇博客,一方面是想再仔细缕一下这个过程,另一方面是希望用清晰的语言和结构来解释,也算是小小地挑战一下自己... 查看详情

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

面试经典题——URL加载一、涉及基本知识点:1.计算机网络五层因特尔协议栈:应用层(dns、http):DNS解析成IP并完成http请求发送;传输层(tcp、udp):三次握手四次挥手模式建立tcp连接;网络层(IP、ARP):IP寻址;数据链路... 查看详情

经典面试题:一个页面从输入url到加载显示完成,发生了什么?(转)

一、涉及基本知识点:1.计算机网络五层因特尔协议栈:应用层(dns、http):DNS解析成IP并完成http请求发送;传输层(tcp、udp):三次握手四次挥手模式建立tcp连接;网络层(IP、ARP):IP寻址;数据链路层(PPP):将请求数据... 查看详情

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

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

一个页面从输入url到加载完成,发生什么事

1、浏览器会开启一个线程来处理这个请求,对URL分析判断如果是http协议就按照Web方式来处理;2、调用浏览器内核中的对应方法,比如WebView中的loadUrl方法;3、通过DNS解析获取网址的IP地址,设置UA等信息发出第二个GET请求;4、... 查看详情

js面试_页面渲染过程/从输入一个url到页面出现的过程_tcp三次握手

从输入一个URL到页面出现的过程第一步:DNS解析将用户输入的域名转化成IP第二步:浏览器向服务器发起TCP连接请求经过TCP三次握手,建立TCP连接。第三步:服务器返回数据服务器会判断访问者能不能访问,比如:访问者IP是不... 查看详情