输入网址后发生了什么

一道很常见的面试题,但是感觉之前回答的时候都不够详细,今天有时间就详细的归纳一下。

  1. 解析URL
  2. 查询缓存
  3. 通过DNS获取IP
  4. 建立TCP连接
  5. 发送HTTP请求
  6. 获取HTTP响应结果
  7. 浏览器解析渲染页面

1.解析URL

判断用户输入是否为合法的URL,并判断对应协议。若不是合法URL,则用浏览器默认搜索引擎搜索关键字。

2.查询缓存

查询浏览器中是否有对应网页的缓存(Expires或Cache-Control未过期),如果有缓存则直接使用缓存中的文件。

3.通过DNS获取IP

现在我们有了网站的URL,但是浏览器只能根据IP地址找到服务器的位置,所以需要通过DNS获取URL对应的IP地址。首先,查询浏览器以及操作系统中的DNS缓存,再查询本地host文件,如果还未找到的话,就向自己的DNS服务器查询。

4.建立TCP连接

三次握手:首先客户端发送一个SYN=x的包,服务器接收到后返回SYN=y,ACK=x+1的包,最后客户端再回传一个ACK=y+1的包

5.发送HTTP请求

用已经建立的TCP连接把HTTP请求报文发送给客户端

如果是HTTPS的话还需要经过SSL/TLS层加密

6.获取HTTP响应结果

服务器返回HTTP响应报文

如果是HTTPS的话还需要先用密钥解密

7.浏览器解析渲染页面

解析HTML,CSS,JS,构建CSSOM,DOM树,并渲染

如果有其他资源(如图片等)则跟上述过程一样请求


若有不足欢迎交流

原文 github.com/hongzzz/blo…

转载于:https://juejin.im/post/5c2ae8f5e51d4534402a41b2

1. DNS 解析:浏览器首先会检查自己的缓存中是否存有该网址的 IP 地址,如果没有,浏览器会向本地 DNS 服务器发送请求,如果本地 DNS 服务器也没有缓存该网址的 IP 地址,那么它会向根域名服务器请求,逐步向下查询,直到找到该网址所对应的 IP 地址,然后将 IP 地址返回给浏览器。 2. 建立 TCP 连接:浏览器根据获取到的 IP 地址,向服务器发起 TCP 连接请求。这个过程被称为三次握手,即浏览器向服务器发送 SYN 数据包,服务器收到后回复 SYN+ACK 数据包,浏览器再回复 ACK 数据包,这样 TCP 连接就建立起来了。 3. 发送 HTTP 请求:TCP 连接建立后,浏览器会向服务器发送 HTTP 请求。HTTP 请求由请求行、请求头和请求体组成,请求行包括请求方法、请求地址和 HTTP 协议版本;请求头包含一些附加信息,如请求的来源、目标等;请求体包含请求的具体内容。 4. 服务器处理请求并返回 HTTP 响应:服务器接收到浏览器发送的 HTTP 请求后,会根据请求的地址和方法进行处理,并生成相应的 HTTP 响应。HTTP 响应由响应行、响应头和响应体组成,响应行包括响应的状态码、状态码的文本描述和 HTTP 协议版本;响应头包含一些附加信息,如服务器类型、响应时间等;响应体包含服务器返回的具体内容。 5. 浏览器解析 HTML 页面并请求页面中的其他资源:浏览器接收到服务器返回的 HTTP 响应后,会进行页面渲染。首先,浏览器会解析 HTML 页面,构建 DOM 树,并根据 CSS 样式表生成渲染树。接着,浏览器会请求页面中引用的其他资源,如图片、CSS 文件、JavaScript 文件等,并将这些资源加入到页面渲染树中。 6. 浏览器渲染页面:最后,浏览器会根据渲染树的结构和样式信息,将页面渲染出来,并在页面上显示出来。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值