浏览器内核介绍

Shirley_Song_1

已于 2022-04-21 17:04:15 修改

阅读量2.6k

点赞数

分类专栏：浏览器文章标签：前端

于 2022-04-19 11:12:13 首次发布

本文链接：https://blog.csdn.net/Shirley_Song_1/article/details/124268315

版权

本文详细介绍了浏览器内核的组成与发展历程，重点讲解了渲染引擎的工作原理，包括浏览器中的进程与线程、渲染流程、回流与重绘的优化。此外，还深入探讨了JavaScript V8引擎的数据存储、垃圾回收机制和执行过程。

摘要由CSDN通过智能技术生成

主要由7部分组成：

1、User Interface（用户界面）：所能看到的界面部分；
2、Browser engine（浏览器引擎）：在用户界面和渲染引擎之间传送指令或在客户端本地缓存中读写数据等，是浏览器中各个部分之间相互通信的核心。
3、Networking（网络）：实现HTTP、FTP等传输协议，完成网络调用或资源下载的模块；
4、Rendering Engine（或layout engineer渲染引擎）：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。
5、JavaScript Interpreter（JS 引擎/解释器）：解析 Javascript 语言，执行 javascript 语言来实现网页的动态效果，如 V8 引擎、JavaScriptCore。
6、Date Persistence（数据持久化存储）：cookie、localstorage个性设置、安全证书、缓存等；
7、UI Backend（UI 后端）：用来绘制基本的浏览器窗口内控件，如输入框、按钮、单选按钮等，根据浏览器不同绘制的视觉效果也不同，但功能都是一样的。

目前chromium浏览器的架构中还会包含各种第三方库：这些库是WebKit运行的基础，包括2D图形库、3D图形库、网络库、存储库、音视频库等；

浏览器内核主要分为两部分：渲染引擎(layout engineer 或 Rendering Engine) 和 JS引擎：

英文叫做：Rendering Engine，中文翻译很多，排版引擎、解释引擎、渲染引擎，现在流行称为浏览器内核。

Trident：1997年 IE浏览器；
KHTML：1998年
Gecko：2000年 Mozilla浏览器、Firefox浏览器；
WebKit：2001年 Safari浏览器；
- 基于KDE小组（Linux桌面系统）的 KHTML 引擎，是 KHTML 的一个开源的分支；
Presto：2003年 Opera浏览器；
Chromium：2008年 Chrome浏览器。
- 是开源引擎webkit的一个分支，但后来做了很多改进，DNS Prefetch、SPDY、QUIC、Prerender、多进程架构、PPAPI、v8 JavaScript引擎、对HTML5的支持等技术内容都是很好的创新例子。
- 渲染页面较于webkit更好。
混合引擎(双核）：2010年国内很多浏览器；
Blink：2013年 Chrome浏览器；