页面搞懂从URL到页面展示发生的故事


一、浏览器进程
【页面搞懂从URL到页面展示发生的故事】
我们应该意识到目前浏览器处在多进程时代 , 包含 浏览器进程、渲染进程、GPU进程、网络进程、插件进程
页面搞懂从URL到页面展示发生的故事
本文插图
二、整体流程用一张图来表示整个流程 , 整个流程包含 导航阶段和 渲染阶段两大部分 , 其中每个具体细节所需要的进程如下图所示 。
页面搞懂从URL到页面展示发生的故事
本文插图
三、导航阶段导航阶段主要包含 用户输入、URL请求、准备渲染进程、提交文档四个部分3.1 用户输入3.2 URL请求过程
页面搞懂从URL到页面展示发生的故事
本文插图
3.3 准备渲染进程3.4 提交文档
页面搞懂从URL到页面展示发生的故事
本文插图
四、渲染阶段当文档数据传输完成后将进入渲染阶段 , 渲染阶段主要包含 构建DOM树、样式计算、布局阶段、分层、图层绘制、分块、栅格化操作、合成和显示 。 其整个渲染阶段流程如下图所示 。
页面搞懂从URL到页面展示发生的故事
本文插图
4.1 构建DOM树4.2 样式计算
页面搞懂从URL到页面展示发生的故事
本文插图
4.3 布局阶段
页面搞懂从URL到页面展示发生的故事
本文插图
4.4 分层4.5 图层绘制
页面搞懂从URL到页面展示发生的故事
本文插图
4.6 分块4.7 栅格化操作4.8 合成和显示
声明:转载此文是出于传递更多信息之目的 。 若有来源标注错误或侵犯了您的合法权益 , 请作者持权属证明与本网联系 , 我们将及时更正、删除 , 谢谢 。邮箱地址:newmedia@xxcb.cn


    推荐阅读