Webkit内核(一)

浏览器内核

在浏览器中，有一个最重要的模块，它主要的作用是将页面转变成可视化的图像结果，这就是浏览器内核。它也被称为渲染引擎。
所谓的渲染，就是根据描述或者定义构建数学模型，通过模型生成图像的过程。
浏览器的渲染引擎就是能够将HTML/CSS/Javascript文本及其响应的资源文件转化成图像结果的模块。

image.png

渲染引擎

主流的渲染引擎包括： Trident、Gecko、Webkit

image.png

一个渲染引擎主要包括：HTML解释器、CSS解释器、布局和JavaScript引擎等。

• HTML解释器：
  解释HTML文本的解释器，主要作用是将HTML文本解释成DOM(文档对象模型)树，DOM是一种文档的表示方法。
• CSS解释器：
  级联样式表的解释器，为DOM中的各个元素对象计算出样式信息，为计算最后网页的布局提供基础设施。
• 布局：
  在DOM创建之后，webkit需要将其中的元素对象同样式信息结合起来，计算它们的大小位置等布局信息，形成一个能够表示这所有信息的内部表示模型。
• JavaScript引擎：
  使用JavaScript代码可以修改网页的内容，也能修改CSS的信息，JavaScript引擎能够解释JavaScript代码并通过DOM接口和CSSOM接口来修改网页内容和样式信息，从而改变渲染的结果。
• 绘图：
  使用图形库将布局计算后的各个网页的节点绘制成图像结果。

image.png

html5test.com测试浏览器支持html的情况