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


1.输入地址: 这个不用多说了,就是输入网址

2.浏览器查找域名的 IP 地址,这一步包括 DNS 具体的查找过程 简单地说就是把用户输入的网址转换成ip,访问到服务器

3.浏览器向 web 服务器发送一个 HTTP 请求 通过浏览器向服务器发送一个POST请求,浏览器标识自己(User-Agent头),并指出它将接受哪种类型的响应(Accept和Accept-Encoding标头)。连接标题要求服务器保持打开TCP连接以进一步请求。 其他的cookie目前还没学不懂,就不做表述了

4.服务器的永久重定向响应(从 http://qq.com 到 http://www.qq.com) 这个不太懂,网上

5.浏览器跟踪重定向地址 同上

6.服务器处理请求 服务器将收到GET请求,处理它并发送回应。

7.服务器返回一个 HTTP 响应 Content-Encoding标头告诉浏览器使用gzip算法压缩响应主体。解压blob后,你会看到你期望的HTML blob是什么:BLOB (binary large object),二进制大对象,是一个可以存储二进制文件的容器,典型的BLOB是一张图片或一个声音文件,由于它们的尺寸,必须使用特殊的方式来处理(例如:上传、下载或者存放到一个数据库)

8.浏览器显示 HTML 开始渲染页面

9.浏览器发送请求获取嵌入在 HTML 中的资源(如图片、音频、视频、CSS、JS等等) 当浏览器呈现HTML时,它会注意到需要获取其他URL的标签。浏览器将发送一个GET请求来检索每个文件。

10.浏览器发送异步请求 异步还没有学,下面是我查的一些 浏览器中执行的JavaScript必须向服务器发送异步请求。异步请求是通过编程构造的GET或POST请求,转到特殊的URL。 “AJAX”,即“异步JavaScript和XML”,即使没有特别的理由,服务器必须将响应格式化为XML格式。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值