浏览器内核主要分为两部分：页面渲染引擎（layout engineer 或 Rendering Engine）和 JS引擎，内核更加倾向于说渲染引擎。

  • 渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。

  • JS引擎：解析和执行 JavaScript 来实现网页的动态效果。

最开始渲染引擎和 JS 引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。

不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。

常见的五种内核

浏览器 布局渲染引擎（内核） JS 引擎 CSS 前缀
Chrome Webkit -> Blink V8 -webkit
Firefox Gecko Spider Monkey -moz
Safari Webkit JavascriptCore（即 Nitro） -webkit
IE Trident Chakra -ms
Opera Presto -> Blink Carakan -o

上面表格中，旧 Chrome 和旧 Opera 的内核为 Webkit，新版的为 Blink