布局引擎如何工作？

Question

我真的很好奇如何将网页解析为DOM树，然后如何在Web浏览器中呈现树。也就是说，布局引擎如何工作？

我猜是否阅读简单网页浏览器的源代码（Webkit现在对我来说太难了。 ）是一个可行的选择吗？感谢

Answer 1

将网页解析为DOM树并不是非常难以理解，因为（格式良好）HTML已经在树结构中。所以我不认为除了你想在你的树中注释CSS，条件代码和脚本之类的东西之外还有很多东西。

布局和渲染是一个更具挑战性的问题。如果您还没准备好直接在代码中潜水，可以阅读他们的文档：

WebKit Layout and Rendering

Answer 2

您也可以访问此链接，该链接对相关问题有很好的解释和评论。 http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

Answer 3

由@binariedMe链接的页面有助于理解浏览器何时解析html然后应用布局规则的叙述。如果您想获得这些规则的更加可靠的心智模型，请阅读http://book.mixu.net/css/