浏览器引擎、渲染引擎与JavaScript引擎的区别

浏览器引擎其实是包含了渲染引擎及Javascript引擎的， 它是一个大而全， 负责总控的程序。

浏览器引擎 (Browser Engine)

浏览器引擎是管理和协调浏览器各个子系统的中央控制单元。它处理浏览器的高层逻辑，处理网络请求、JavaScript 执行、插件交互等。例如接收用户请求、加载资源、解析 HTML 文档、处理 JavaScript 脚本、管理插件等。

• 职责：

  • 解析用户输入的 URL，并发出 HTTP 请求来获取内容。
  • 管理和协调渲染引擎的工作。
  • 处理 JavaScript 引擎的执行。
  • 处理浏览器的页面导航、历史记录、网络请求、缓存等。

• 典型的浏览器引擎：

  • Blink：Chrome 和 Edge 使用的浏览器引擎。
  • Gecko：Mozilla Firefox 使用的引擎。
  • WebKit：Safari 使用的引擎。

渲染引擎 (Rendering Engine)

渲染引擎负责将 HTML、CSS 和 JavaScript 解析并转换为可视化的内容。它通过布局和绘制，将文档绘制到屏幕上。

• 职责：
  • 解析 HTML 并构建 DOM（文档对象模型）树。
  • 解析 CSS 并构建 CSSOM（CSS 对象模型）树。
  • 结合 DOM 和 CSSOM 树，创建渲染树。
  • 执行布局计算，确定元素的大小和位置。
  • 绘制页面内容到屏幕上。

目前最常用的渲染引擎包括：

• Blink：主流的现代渲染引擎，广泛应用于 Chrome、Edge 等浏览器。
• WebKit：Safari 浏览器的核心引擎，优化苹果设备上的性能。
• Gecko：Mozilla Firefox 的渲染引擎，开源、支持隐私保护。

可见， 渲染引擎即是浏览器引擎， 属于浏览器引擎的一部分

JavaScript 引擎

JavaScript 引擎主要就是JavaScript语言的解释器， 用于解释执行JavaScript代码。

常见的浏览器引擎:

• V8：

  • V8 是 Google 开发的开源高性能 JavaScript 引擎，用于 Chrome 浏览器和 Node.js。
  • V8 负责解释和执行 JavaScript 代码。

• SpiderMonkey：

  • SpiderMonkey 是 Mozilla Firefox 浏览器使用的 JavaScript 引擎。

• JavaScriptCore：

  • JavaScriptCore 是 WebKit 中使用的 JavaScript 引擎，最初由 Apple 开发。