浏览器内核及渲染过程

     浏览器可以分为两部分,shell+内核。其中shell的种类相对比较多,内核则比较少。Shell是指浏览器的外壳:例如菜单,工具栏等。主要是提供给用户界面操作,参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。

     内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎。它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至 显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内 容的应用程序都需要内核。(参见维基百科)JS引擎则是解析Javascript语言,执行javascript语言来实现网页的动态效果。最开始渲染引 擎和JS引擎并没有区分的很明确,后来JS引擎越来越独立,内核就倾向于只指渲染引擎。      

1.四种主流浏览器内核

      浏览器的页面渲染引擎负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要页面渲染引擎。

     (1)Trident页面渲染引擎 –> IE系列浏览器;

     (2)Gecko页面渲染引擎 –> Mozilla Firefox;

     (3)KHTML页面渲染引擎或WebKit框架 –> Safafi和Google Chrome;

     (4)Presto页面渲染引擎 –> Opera

详细介绍:http://www.mac52ipod.cn/post/Trident-Gecko-WebKit-Presto.php

2.渲染实现原理

WebKit处理流程:

网页加载过程的视频:http://www.aoao.org.cn/blog/2008/05/reflow/

posted @ 2011-11-25 14:10 dkxsj Views(...) Comments(...) Edit 收藏