浏览器的内部工作原理.pdf

浏览器内部工作原理 一、介绍 浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将 看到，从你在地址栏输入 到你看到google 主页过程中都发生了什么。 将讨论的浏览器 今天，有五种主流浏览器——IE、Firefox、Safari、Chrome 及Opera。 本文将基于一些开源浏览器的例子——Firefox、Chrome 及Safari，Safari 是 部分开源的。 根据W3C （World Wide Web Consortium 万维网联盟）的浏览器统计数据， 当前（2011 年5 月），Firefox、Safari 及Chrome 的市场占有率综合已接近60％。 （原文为2009 年 10 月，数据没有太大变化）因此，可以说开源浏览器已经占据了 浏览器市场的半壁江山。 浏览器的主要功能 浏览器的主要功能是将用户选择的 web 资源呈现出来，它需要从服务器请求资源， 并将其显示在浏览器窗口中，资源的格式通常是HTML，也包括PDF、image 及其他 格式。用户用URI （Uniform Resource Identifier 统一资源标识符）来指定所请求 资源的位置，在网络一章有更多讨论。 HTML 和CSS 规范中规定了浏览器解释html 文档的方式，由W3C 组织对这些 规范进行维护，W3C 是负责制定web 标准的组织。 HTML 规范的必威体育精装版版本是HTML4(/TR/html401/)， HTML5 还在制定中（译注：两年前），必威体育精装版的CSS 规范版本是2 （/TR/CSS2），CSS3 也还正在制定中（译注：同样两年前）。 这些年来，浏览器厂商纷纷开发自己的扩展，对规范的遵循并不完善，这为web 开发者带来了严重的兼容性问题。 但是，浏览器的用户界面则差不多，常见的用户界面元素包括： 用来输入URI 的地址栏 前进、后退按钮 书签选项 用于刷新及暂停当前加载文档的刷新、暂停按钮 用于到达主页的主页按钮 奇怪的是，并没有哪个正式公布的规范对用户界面做出规定，这些是多年来各浏 览器厂商之间相互模仿和不断改进的结果。 HTML5 并没有规定浏览器必须具有的UI 元素，但列出了一些常用元素，包括地 址栏、状态栏及工具栏。还有一些浏览器有自己专有的功能，比如Firefox 的下载管 理。更多相关内容将在后面讨论用户界面时介绍。 浏览器的主要构成（High Level Structure） 浏览器的主要组件包括： 1. 用户界面 －包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除 了用来显示你所请求页面的主窗口之外的其他部分。 2. 浏览器引擎 －用来查询及操作渲染引擎的接口。 3. 渲染引擎 －用来显示请求的内容，例如，如果请求内容为html，它负责解析 html 及css，并将解析后的结果显示出来。 4. 网络 －用来完成网络调用，例如http 请求，它具有平台无关的接口，可以在 不同平台上工作。 5. UI 后端 －用来绘制类似组合选择框及对话框等基本组件，具有不特定于某个 平台的通用接口，底层使用操作系统的用户接口。 6. JS 解释器 －用来解释执行JS 代码。 7. 数据存储 －属于持久层，浏览器需要在硬盘中保存类似cookie 的各种数据， HTML5 定义了web database 技术，这是一种轻量级完整的客户端存储技术 图1：浏览器主要组件 需要注意的是，不同于大部分浏览器，Chrome 为每个Tab 分配了各自的渲染引 擎实例，每个Tab 就是一个独立的进程。 对于构成浏览器的这些组件，后面会逐一详细讨论。 二、渲染引擎（The rendering engine） 渲染引擎的职责就是渲染，即在浏览器窗口中显示所请求的内容。 默认情况下，渲染引擎可以显示html、xml 文档及图片，它也可以借助插件（一 种浏览器扩展）显示其他类型数据，例如使用 PDF 阅读器插件，可以显示 PDF 格式， 将由专门一章讲解插件及扩展，这里只讨论渲染引擎最主要的用途——显示应用了 CSS 之后的html 及图片。 渲染引擎简介 本文所讨论的浏览器——Firefox、Chrome 和