从输入 URL 到页面加载完成的过程中都发生了啥事情

Posted 2023-05-15

在浏览器中输入URL也就是域名以后，首先，浏览器先连接域名解析服务器，通过域名解析服务器，得到该域名对应的IP地址（如直接输入了IP地址，跳过这步）和端口（默认是80口），然后，浏览器尝试通过这个IP地址和端口与服务器的Web服务器端程序建立连接，如连接成功，Web服务器端程序会主动向你的浏览器传递Web首页的相关内容，后面的事情，就是根据你的操作，转换、刷新页面。 参考技术A 1.浏览器查询缓存，如果缓存存在跳到第9步。

2.浏览器询问操作系统服务器的IP地址。

3.操作系统做DNS查询，返回IP地址给浏览器。

4.浏览器打开对服务器的TCP连接（如果是HTTPS协议的话会更复杂）。

5.浏览器通过TCP连接发送HTTP请求。

6.浏览器接收HTTP响应并且可能关掉TCP连接，或者是重新使用连接处理新请求。

7.浏览器检查HTTP响应是否为一个重定向（3xx 结果状态码 ），一个验证请求（401），错误（4xx 5xx）等等，这些都是不同响应的正常处理（2xx）.

8.如果响应可缓存，将存入缓存。

9.浏览器解码响应（例如：如果它是gzziped压缩）。

10.浏览器决定如何处理这些响应（例如，它是html页面，一张图片，一段音乐）。

11.浏览器展现响应，对未知类型还会弹出下载对话框。

这里边的每个步骤都可以长篇大论一番，当然还有很多东西与这些步骤平行发生。本回答被提问者采纳

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

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

先简单得讲：

浏览器根据请求的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、Java、JavaScript、Python 等，找到对应的请求处理;

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

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

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

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