浏览器架构与功能

浏览器整个前端应用赖以生存的土壤。前端开发必定需要对浏览器的一些知识有所了解。下图是一个典型的浏览器的主要功能架构图：

各部分的主要功能包括：

? 用户界面：包括地址栏、前进/后退按钮、书签、菜单等。除了浏览器主窗口显示请求页面外，其他显示的各个部分都属于用户界面。

? 浏览器引擎：它用户界面和渲染引擎的桥梁，在用户界面和渲染引擎之间传送指令。浏览器引擎提供了开始加载URL资源 和一些其他高级操作方法，比如：重新加载、前进、后退动作，错误信息、加载进度等。

? 渲染引擎：负责显示请求的内容。它是浏览器核心的部分，负责对网页语法的解析，比如HTML、CSS等，并渲染到网页上，渲染引擎决定浏览器如何显示页面的内容和页面的格式信息。不同的浏览器内核对语法的解释也不相同，因此同一网页在不同内核的浏览器显示的效果也会有差异，因此开发者需在不同内核浏览器中测试网页显示效果的原因。

? 网络： 用于网络调用，比如 HTTP、FTP 请求等。其接口与平台无关，并为所有平台提供底层实现。

? 用户界面后端： 用于绘制基本的窗口小部件，比如组合框和窗口。其公开了与平台无关的通用接口，而在底层使用操作系统的用户界面方法。

? Javascript解析器：用于解析和执行 JavaScript 代码。

? 数据存储：这是持久层。浏览器需要在硬盘上保存各种数据，例如 Cookie。新的 HTML 规范 (HTML5) 定义了“网络数据库”，这是一个完整（但是轻便）的浏览器内数据库。