1. DNS解析:将域名地址解析为IP地址
-
浏览器DNS缓存
-
系统DNS缓存
-
路由器DNS缓存
-
网络运行商DNS缓存
-
递归搜索: 例如 csdn.jinxiaozhaung.com
.com 域名下查找DNS解析 .jinxiaozhuang 域名下查找DNS解析 .csnd 域名下查找DNS解析 出错了
2. TCP连接,TCP三次握手
3. 发送请求
4. 接受请求
5. 渲染页面
-
遇见HTMl标记,浏览器调用HTML解析器解析成Token并构建成dom树
-
遇见style/link标记,浏览器调用css解析器,处理css标记并构建cssom树
-
遇见script标记,调用javascript解析器,处理script代码(绑定事件,修改dom树/cssom树)
-
将dom树和cssom树合并成一个渲染树
-
根据渲染树来计算布局,计算每个节点的几何信息(布局)
-
将各个节点颜色绘制到屏幕上(渲染)
注意以上步骤不一定按顺序执行,如dom树或者cssom树被修改了,可能会执行多次布局和渲染