浏览器内核原理--chromium blink流程(1)

发布网友发布时间：2024-10-09 02:38

共1个回答

热心网友时间：2024-12-02 15:15

在深入探讨Blink的内部运作前，我们先回顾了其架构与WebView的组成。本章节将聚焦于Blink的执行流程，从加载资源开始，直至生成最终的渲染树。

Blink的工作流程主要包括以下步骤：加载资源、解析HTML、生成DOM树、构建布局树、生成绘制层树、形成图形层树，最后对接到cc的层树。这些步骤紧密相连，构成了网页渲染的核心过程。

加载过程涉及FrameLoadRequest与加载类型FrameLoadType，它们作为初始化步骤，启动了Blink的加载引擎。

解析HTML时，HTMLParse阶段通过HTMLDocumentParser来处理HTML文本，将其逐步解析为HTMLToken，最终构建起一个名为HTMLElementStack的栈结构，实现从文本到DOM树的转换。

DOM树的构建遵循HTMLElementStack的后进先出原则，即在遇到结束标签时，栈顶元素会与当前标签关联，形成子节点关系，从而生成树状结构。

布局树的生成始于Node节点与对应的LayoutObject创建。并非所有节点都会生成LayoutObject，如head标签的不可见属性决定了其不被构建。匿名块概念引入，用于简化排版算法的实现。当遇到特定条件，如LayoutInline节点与相邻的LayoutBlock节点，就会创建匿名块，为LayoutInline提供嵌套环境。

布局树的创建通过LayoutObject节点实现，仅在节点样式发生变化时触发，确保了资源的高效利用。不同的CSS属性决定了创建的LayoutObject类型，如display:block生成LayoutBlockFlow，display:inline生成LayoutInline，display:table生成LayoutTable。

总结而言，Blink的执行流程涵盖了从加载到渲染的整个过程，其中的细节涉及文本解析、DOM构建、布局算法、绘制层创建等多个关键步骤。尽管文本解析模块复杂且包含预解析与JS执行等子过程，但本章节仅提供了一个概述。未来，将有专门章节对这一模块进行深入探讨。