20
2013
03

浏览器工作原理 - 浏览器架构简介

浏览器工作原理,知道浏览器才知道如何对前端进行优化和很好的处理各类前端问题。看看浏览器的架构图。

image

  1. User Interface(用户接口,浏览器展示部分):包括地址栏、前进/后退按钮,书签菜单等,最重要的还有一个请求展示窗口。

  2. Browser engine(浏览器引擎):这部分负责访问和操纵渲染引擎。

  3. Rendering engine(渲染引擎):负责显示请求的内容。比如说如果你请求的内容是一个HTML,那么渲染引擎就负责解析这个HTML和CSS并且将解析的内容输出到浏览器银幕。

  4. Networking(网络层):用于处理网络请求,例如HTTP、HTTPS请求。它为没个平台提供平台单独的接口和底层实现。

  5. UI backend(后端UI层):用于绘制基本的部件,例如combo 和windows。 它暴露的是一个一般化的接口而不是为某个特殊平台单独处理。底层使用的是操作系统用户接口方法。(这里是只浏览器跟操作系统交互的部分)

  6. JavaScript interpreter(JavaScript解释器):负责解析和执行JavaScript代码

  7. Data storage or Data Persistence(数据存储):这是一个持久层。浏览器需要保存各种分类的数据在硬盘,例如cookies和HTML5的本地数据库等,都是通过这层来实现的。

这里需要注意的是,Chrome跟其他浏览器不同,它存在多个的渲染引擎,是一个tab一个进程,一个渲染引擎。


英文原文:http://taligarsiel.com/Projects/howbrowserswork1.htm

« 上一篇下一篇 »

评论列表:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。