一.各大浏览器使用内核和引擎介绍
各位倔友大家晚上好,身为白piao党的我一直在后面mm的汲取各位大佬的知识经验,搞得很不好意思。所以希望以后能够多发表一些干货、教程、经验之类的文章,提升自己的技术深度和表达写作能力,顺便为接下来的跳槽换工作做准备,所以先从第一个专题(浏览器原理)开始记录我的学习过程和技术理解,希望各位大佬们多多指教!
浏览器原理专题目录
- 各大浏览器内核和引擎介绍
- 浏览器实现原理
- 浏览器渲染进程介绍
- 浏览器输入URL到页面渲染全过程概述
- CSS解析过程详解
- DOM解析过程详解
- 渲染过程详解
- 浏览器跨域与安全
- ...
本节概述
由于某些浏览器未按照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内核
**备注:以上内容均由本人查阅资料根据自己理解整理而来。由于刚开始发表文章,如有雷同、抄袭、错误,请联系本人。希望大家可以帮助我纠错,一起进步!