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