浏览器原理之各大浏览器使用内核和引擎介绍

1,390 阅读3分钟

一.各大浏览器使用内核和引擎介绍

各位倔友大家晚上好,身为白piao党的我一直在后面mm的汲取各位大佬的知识经验,搞得很不好意思。所以希望以后能够多发表一些干货、教程、经验之类的文章,提升自己的技术深度和表达写作能力,顺便为接下来的跳槽换工作做准备,所以先从第一个专题(浏览器原理)开始记录我的学习过程和技术理解,希望各位大佬们多多指教!

浏览器原理专题目录

  1. 各大浏览器内核和引擎介绍
  2. 浏览器实现原理
  3. 浏览器渲染进程介绍
  4. 浏览器输入URL到页面渲染全过程概述
  5. CSS解析过程详解
  6. DOM解析过程详解
  7. 渲染过程详解
  8. 浏览器跨域与安全
  9. ...

本节概述

由于某些浏览器未按照W3C标准来,导致出现一些兼容问题,所以我们在写CSS样式时需要了解各大浏览器所使用内核版本是否兼容该样式,在这大概描述下目前浏览器的现状.

主流的浏览器主要有以下几款:

  • Chrome谷歌浏览器(大概占了70%的份额)
  • Firefox火狐浏览器(7%左右)
  • Safari浏览器(6%左右)
  • IE浏览器(6%左右)
  • Edge浏览器(6%左右)

其它大部分国产浏览器基本都是双内核模式(IE兼容模式+Chrome极速模式)

主流内核(包含JS引擎,GUI渲染引擎等)有:

  • Trident(变色龙)
  • Webkit
  • Blink(眨眼睛)
  • Gecko(壁虎)
  • EdgeHTML(旧版Edge的内核)

常见的JS引擎(负责JavaScript解析与执行)有:

  • V8引擎:代表作Blink内核和Node.js
  • SpiderMonkey(蜘蛛猴):第一款JS引擎,代表作Gecko(现在新版使用由Rust语言开发的Servo引擎)
  • JSCore:代表作Webkit
  • Chakra:代表作EdgeHTML和Trident

Chrome谷歌浏览器

最开始Chrome使用Webkit内核,直到2013年换用Webkit的分支内核Blink

Firefox火狐浏览器

使用Gecko内核

Safari浏览器

使用自家(Apple公司)开发维护的Webkit内核

IE浏览器

使用Trident内核(PS:NT内核)

Edge浏览器

旧版使用EdgeHTML内核,Chrome内核版使用谷歌的Blink内核

安卓手机内置浏览器

通常安卓4.4以下使用WebKit,安卓4.4以上使用Blink内核

苹果手机内置浏览器

Webkit内核

移动端浏览器

大部分国产移动端浏览器都是基于Webkit内核或Blink内核

微信自带浏览器

  • 安卓版使用的是腾讯QQ浏览器的X5内核(新版基于Blink旧版基于Webkit)
  • 苹果版使用的是自家的Webkit内核

**备注:以上内容均由本人查阅资料根据自己理解整理而来。由于刚开始发表文章,如有雷同、抄袭、错误,请联系本人。希望大家可以帮助我纠错,一起进步!