Browser 布局引擎是如何工作的?

Browser 布局引擎是如何工作的?,browser,Browser,我真的很好奇网页是如何解析成DOM树的,然后在web浏览器中如何呈现该树的。也就是说,布局引擎是如何工作的 我猜现在阅读简单网络浏览器(Webkit)的源代码对我来说是否太难了。 )这是一个可行的选择吗?谢谢,将网页解析为DOM树并不难理解,因为(格式良好的)HTML已经在树结构中。因此,我认为除了在树中添加CSS、条件代码和脚本之类的注释外,没有什么其他意义 布局和渲染是一个更具挑战性的问题。如果您还没有准备好直接进入代码,您可以阅读他们的文档: WebKit您也可以访问此链接,该链接对相关问

我真的很好奇网页是如何解析成DOM树的,然后在web浏览器中如何呈现该树的。也就是说,布局引擎是如何工作的

我猜现在阅读简单网络浏览器(Webkit)的源代码对我来说是否太难了。
)这是一个可行的选择吗?谢谢,将网页解析为DOM树并不难理解,因为(格式良好的)HTML已经在树结构中。因此,我认为除了在树中添加CSS、条件代码和脚本之类的注释外,没有什么其他意义

布局和渲染是一个更具挑战性的问题。如果您还没有准备好直接进入代码,您可以阅读他们的文档:


WebKit

您也可以访问此链接,该链接对相关问题有很好的解释和评论。

通过@binariedMe链接的页面有助于理解浏览器解析html然后应用布局规则的过程。如果你想获得这些规则的更坚实的心智模型,你应该阅读

阅读任何实现当前web标准的源代码都将是一项艰巨的任务,无论浏览器看起来多么简单。甚至CSS1也定义了一些相当复杂的布局规则。正如Matti所说,阅读源代码是一项“艰巨的任务”。我想知道是否还有其他选择来实现这个目标。谢谢,它似乎已经删除了您所指的页面。