1.在浏览器地址栏输入地址 https://www.qingyidai.com
2.如果页面使用强缓存,并且缓存未过期,使用本地缓存,到第13步
3.查找浏览器DNS缓存,解析域名,得到Ip,到第8步4.查找本地hosts文件,解析域名,得到Ip,到第8步
5.查找本地DNS缓存,解析域名,得到Ip,到第8步
6. 查找本地DNS服务器,解析域名,得到Ip,到第8步
7. 查找各级域名服务器,解析域名,得到Ip,到第8步
8.浏览器经过三次握手与服务器建立起TCP/IP链接
9.一旦TCP/IP连接建立,浏览器向服务器发送HTTP请求
10.请求经过应用层,传输层,网络层,数据链路层,物理层,最终将数据送到目的主机的目的端口
11.服务器收到请求,在服务器空间中查找对应的资源,返回HTTP相应
12.浏览器接收HTTP相应,解析相应头信息,如404显示错误页面, 304使协议缓存, 200就行下一步解析渲染
13.如果页面使用了强缓存或协议缓存,先缓存资源。如果不使用缓存,直接进行下一步
14.解析html代码,如果html中有请求js/css/image等资源,向服务器请求这些资源。将html,css解析成DOM树,CSS树,执行js代码
15.渲染页面样式,对定义的样式进行计算,绘制