浏览器内核的研究

什么是浏览器内核？

网页上所用到的语言有：html, css, JavaScript等，前两者通常决定了该页面长什么样，它们是可以说都是约定的规范。不同的浏览器在获取到某页面的代码文件后，负责根据这套规范将代码渲染出来呈现给用户。浏览器内核所做的就是这个渲染工作。因此，浏览器内核，也被称为排版引擎（layout engine）、渲染引擎（rendering engine）。

浏览器内核组成

浏览器内核可以分为两部分，一部分是渲染引擎（render engineer或layout engineer)，负责生成DOM树,负责渲染和重绘；另一部分是JS引擎，负责JS的解释执行。

浏览器的渲染流程：

[图片上传失败...(image-7b3ac3-1550814844936)]

• dom树构建：从html标签的解析开始，将各种标签解析为dom树中的各个节点，标签和dom树的中的节点是一一对应关系。

• 渲染树构建：将CSS和style标签中的样式信息解析为渲染树，渲染树由一些包含有颜色和大小等属性的矩形组成，它们将被按照正确的顺序显示到屏幕上。

• 渲染树布局和绘制：渲染树确定各个dom节点在屏幕中单确切位置，根据渲染树中的颜色等信息绘制出网页。

四大内核介绍

四大内核分别是trident,webkit,blink,gecko,5大浏览器基本采用的是单内核模式。

• IE浏览器内核:trident内核,也是俗称的IE内核.

• chrome浏览器内核,以前是webkit内核,现在是blink内核.

• FireFox浏览器内核,GECKO内核.

• opera浏览器内核.最初是presto内核,后来是webkit,现在采用blink内核.

• safari浏览器内核,采用webkit内核.

主流浏览器内核