对于浏览器内核的理解

简介: 对于浏览器内核的理解



简介

经常听说各种不同的浏览器,IE、Opera、Firefox、Safari、The World还有现在的Chrome等。看似许多不同的浏览器,其实其中还是有很多相似之处。今天,我们就来了解他们的内核~!


那内核是什么呢?内核只是一个通俗的说法,其英文名称为“Layout engine”,翻译过来就是“排版引擎”,也被称为“页面渲染引擎”(下文中各种说法通用)。它负责取得网页的内容(HTML、XML、图像等等)、整理信息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要排版引擎。

不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

主流浏览器所使用的内核分类

Trident内核:IE,MaxThon,TT,The World,360,搜狗浏览器等

Gecko内核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等

Presto内核:Opera7及以上

Webkit内核:Safari,Chrome等

组成部分

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

JS引擎则:解析和执行 javascript 来实现网页的动态效果。

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

总结

使用Trident内核的浏览器:IE、Maxthon、TT、The World等;


使用Gecko内核的浏览器:Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey;


使用Presto内核的浏览器:Opera7及以上版本;


使用Webkit内核的浏览器:Safari、Chrome。


相关文章
|
10月前
|
Web App开发 前端开发 安全
前端小知识之【浏览器内核】
前端小知识之【浏览器内核】
82 0
|
Web App开发 SQL JavaScript
对浏览器内核的理解
对浏览器内核的理解
92 0
|
12月前
|
XML JavaScript 前端开发
对浏览器内核的理解?
对浏览器内核的理解?
|
XML JavaScript 前端开发
介绍一下你对浏览器内核的理解?
介绍一下你对浏览器内核的理解?
75 0
|
Web App开发 SQL Unix
深入理解浏览器内核 - 浏览器内核介绍
深入理解浏览器内核 - 浏览器内核介绍
391 0
|
Web App开发 Unix Linux
深入理解浏览器内核 - 浏览器内核依赖关系
深入理解浏览器内核 - 浏览器内核依赖关系
93 0
|
Web App开发 存储 移动开发
浏览器内核(渲染引擎)介绍|学习笔记
快速学习浏览器内核(渲染引擎)介绍
285 0
|
Web App开发 存储 JavaScript
浏览器渲染引擎与阻塞
浏览器渲染引擎与阻塞
|
Web App开发 缓存 开发框架
浏览器专题系列 - 浏览器内核
浏览器专题系列 - 浏览器内核
|
缓存 前端开发 JavaScript
浏览器内核之资源加载与网络栈(上)
此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。 而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。 书接上文 浏览器内核之WebKit 架构与模块
261 0
浏览器内核之资源加载与网络栈(上)