浏览器的组成部分有什么？ 主流浏览器的内核与JS引擎的种类

浏览器主要由SHELL和内核两部分组成，最初内核的概念包括渲染引擎与JS引擎，目前习惯直接称渲染引擎为内核，JS引擎独立。

SHELL就是浏览器的用户界面，渲染引擎主要用于获取网页结构、添加CSS样式、计算网页结构等，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息；JS引擎用于解析JavaScript语言，为网页添加动态效果。

浏览器的结构

浏览器大体上由以下几个组件组成，各个浏览器可能有一点不同。

谷歌浏览器总是走在浏览器发展的最前缘，以下是当前谷歌浏览器的抽象分层结构图，将音频模块等独立出来了

1. 用户界面 ：主要包括工具栏、地址栏、前进/后退按钮、书签菜单等（除了网页内容外的其他部分）
2. 浏览器引擎：查询与操作渲染引擎的接口、查看浏览会话的各个方面的挂钩、加载给定的URI、显示最终的图像像素
3. 渲染引擎（浏览器内核）：负责显示请求的内容。比如请求到HTML, 它会负责解析HTML、CSS并将结果显示到窗口中（包含HTML解析器）
4. 网络：用于网络请求, 如HTTP请求。它包括平台无关的接口和各平台独立的实现
5. JS解释器(JS引擎)
   用来解释执行JS代码；
6. 显示后端（UI后端）
   绘制基础元件，如组合框与窗口。它提供平台无关的接口，内部使用操作系统的相应实现
7. 数据存储：浏览器需要把所有数据存到硬盘上，这些数据可能是诸如：书签、工具栏设置等这样的高级数据，也可能是诸如：Cookie，安全证书、缓存等这样的低级数据。新的HTML5规范规定了一个完整（虽然轻量级）的浏览器中的数据库 web database

谷歌：

• 图形处理单元：显卡硬件加速，绘制图层
• 音频：控制视音频播放
• XML解析器：可以将XML文档解析成文档对象模型（Document Object Model，DOM）树

当今五大主流浏览器

IE、Firefox、Safari、Chrome、Opera

浏览器内核

浏览器	内核	所属公司
IE -> Edge	Trident->EdgeHTML->Chromium内核	微软
Firefox	Gecko	Mozilla
Safari	Webkit	苹果
Chrome	Blink（WebKit 的分支）	谷歌
Opera	Presto->blink	Opera Software ASA

Chromium内核

目前可见的是版本号，看不到内核了
查看浏览器版本：控制台输入 navigator.appVersion
输出的是用户代理字符串，如何解读？
用户代理字符串
各浏览器的用户代理字符串整理

五大浏览器采用的都是单内核，而随着浏览器的发展现在也出现了双内核。

想要兼容国内银行系统就切换到 Trident 内核，想要访问速度就切换到 Webkit 内核，Blink 发布以后，就把 WebKit 换成了 Blink 。
QQ浏览器 、360安全浏览器 、猎豹浏览器 、世界之窗 、搜狗高速浏览器 、UC浏览器 都采用Trident+Webkit (Blink)

浏览器JS引擎

浏览器	JS引擎
IE -> Edge	Chakra （ie9以下 Jscript）
Firefox	Monkey系列
Safari	SquirrelFish系列
Chrome	V8
Opera	Carakan