是否有详细的图表/流程图，说明浏览器如何解析/解释/呈现网页

Question

在收到第一个服务器响应后，我正在寻找一个漂亮的图表或浏览器流程图，其中包含了解释html，css和javascript以及媒体资源（图像）并呈现它们的顺序的页面数据。

我发现的最近的事情是道格拉斯·克罗克福德用来解释如何填充DOM的流程图，但我正在寻找加载顺序的更多细节。

Answer 1

我不确定其他浏览器，但我记得这个流程图在Twitter上流传了一段时间，关于IE8及更早版本的渲染。希望它有所帮助。

http://blogs.msdn.com/b/ie/archive/2010/03/02/how-ie8-determines-document-mode.aspx

Answer 2

当我用谷歌搜索flowchart of how browsers parse render和how browsers work时，我发现了很多有趣的文章，其中一些包括图表和流程图。