浏览器原理——浏览器内核模块

浏览器包含很多个模块，有网络、资源管理、网页浏览、页面管理、插件、账户、开发者工具等等。其中，网页浏览功能模块是浏览器的核心，它主要完成从HTML文档到可视化的图像转换工作，这是浏览器内核的主要功能。

通常浏览器内核也被称为渲染引擎，它的输入是网络和存储模块获得的HTML文档（包括CSS，JavaScript），渲染引擎的输出就是这些HTML元素描述的图像和JS描述的控制动作。

 

渲染引擎主要分为HTML解释器、CSS解释器、布局以及JavaScript引擎。大体的流程如下：网页内容经过HTML解释器后，构建一颗DOM树，并且将文档中包含的JavaScript脚本交由JS引擎处理，将CSS样式表交由CSS解释器处理；最终DOM树接收CSS解释器解析的样式信息来构建中间模型——绘图模型。该模型再经过布局模块计算内部各元素的位置和大小信息，最后由绘图模块完成从该模型到图像的绘制。