浏览器的工作原理：新式网络浏览器幕后揭秘.pdf

为什么要使用 文章与教程 HTML5 功能 幻灯片 资源 HTML5 ？ 我们的身份 贡献 HTML5 Rocks 浏览器的工作原理 ：新式网络浏览器幕后 秘 By Tali Garsiel Paul Irish 已发布 八月 5, 2011 支持的浏览器： 89 Comments and 5 Reactions 目录 简介 我们要讨论的浏览器 浏览器的主要功能 浏览器的高层结构 呈现引擎 呈现引擎 主流程 主流程示例 解析 - 综述 语法 解析器和词法分析器的组合 翻译 解析示例 词汇和语法的正式定义 解析器类型 自动生成解析器 HTML 解析器 HTML 语法定义 非与上下文无关的语法 序言 HTML DTD DOM 这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏 解析算法 览器内部机制的数据 （请参见资源），并花了很多时间来研读网络浏览器的源代码 。她写道 ： 标记化算法 树构建算法 解析结束后的操作 塔利在她的网站 上公布了自己的研究成果 ，但是我们觉得它值得让更多的人来了解，所以我们在此重新整理并公布。 浏览器的容 机制 CSS 解析 作为一名网络开发人员 ，学习浏览器的内部工作原理将有助于您作出更明智的决策，并理解那些最佳开发实践的个中缘由。尽管这是一篇相当长的文档 ，但是我 Webkit CSS 解析器 们建议您花些时间来仔细阅读 ；读完之后 ，您肯定会觉得所费不虚 。 处理脚本和样式表的顺序 保罗·爱丽诗 (Pau Iris h) ，Chrome 浏览器开发人员事务部 脚本 预解析 样式表 呈现树构建 简介 样式计算 网络浏览器很可能是使用最广的软件。在这篇入门文章中，我将会介绍它们的幕后工作原理。我们会了解到，从您在地址栏输入 goog 直到您在浏览器 渐进式处理 屏幕上看到 Goog e 首页的整个过程中都发生了些什么。 布局 Dirty 位系统 目录全局布局和增量布局 1. 简介异步布局和同步布局 优化 1. 我们要讨论的浏览器 布局处理 2. 浏览器的主要功能 宽度计算 3. 浏览器的高层结构 换行 2. 呈现引擎 绘制 1. 呈现引擎 全局绘制和增量绘制 2. 主流程 绘制顺序 3. 主流程示例 3. 解析和 DOM 树构建 1. 解析 - 综述 1. 语法 2. 解析器和词法分析器的组合 3. 翻译 4. 解析示例 5. 词汇和语法的正式定义 6. 解析器类型 7. 自动生成解析器 2. HTML 解析器 1. HTML 语法定义 2. 非与上下文无关的语法 3. HTML DTD 4. DOM 5. 解析算法 6. 标记化算法