Comments (23)
泛指->>>渲染引擎
js引擎
from fe-interview.
浏览器内核:浏览器核心的部分,即 渲染引擎
,负责对网页语法的解释 并渲染(显示)网页。
- Trident (IE内核)
- Gecko (FireFox内核)
- Webkit (Safari内核,Chrome内核原型)
- Blink (Chrome(28及往后版本)、Opera(15及往后版本)和Yandex)
from fe-interview.
Webkit
Blink
Gecko
Trident
from fe-interview.
IE
Webkit
firefox
from fe-interview.
内核主要分为渲染引擎和 JS 引擎。前者负责页面的渲染,后者负责执行解析 JavaScript。
之后,由于 JS 引擎越来越独立,现在所说的浏览器内核大都指渲染引擎。
目前主流的内核有以下 4 个:
- Trident: 由微软开发,即我们熟知的 IE 内核
- Gecko: 使用 C++ 开发的渲染引擎,包括了 SpiderMonkey 即我们熟悉的 FireFox
- Presto: Opera 使用的内核
- Webkit: 前端使用最多的 Chrome 和 Safari 使用的内核
from fe-interview.
内核按功能可以分为渲染引擎和JS引擎。
我们常说的浏览器内核指代的是浏览器的渲染引擎。
IE : Trident
safari(苹果公司自带浏览器): webkit
FireFox : Gecko
Chrome : Blink ,JS引擎为V8引擎
Opera : Blink
from fe-interview.
https://www.jianshu.com/p/db1b230e3415
from fe-interview.
浏览器内核一般指的是浏览器的渲染引擎,负责显示网页。
Trident (IE)
EdgeHtml (Edge 12-18)
Gecko (FireFox)
Webkit (Safari,Chrome < 28)
Blink (Chrome >= 28, Opera > 12.18, Edge新版,一些国产浏览器)、
Presto ( Opera <= 12.18)
X5(腾讯系浏览器,基于Blink)
from fe-interview.
IE:trident内核;
FireFox:gecko内核;
Chrome:Blink(基于webkit,Google Chrome 与 Opera SoftWare共同开发);
Opera:以前用的是presto,现在用的是Google Chrome的Blink内核;
Safari:webkit内核。
from fe-interview.
浏览器内核即浏览器的核心部分,分为渲染引擎和JS引擎,前者负责渲染页面,后者负责解析JavaScript。
百度T5、腾讯X5,UC U3等内核都基于Blink优化,Blink由Webkit中的WebCore元件衍生而来
- Trident: IE
- Webkit:Chrome<28、Safari
- Gecko:Firefox
- Blink:Chrome>=28、Opera>12.18、Edge新版
- Presto:Opera<=12.18
from fe-interview.
现在说浏览器内核应该都是指渲染那一部分了吧
- trident IE
- gecko Firefox
- webkit Safari
- blink Chrome
from fe-interview.
Trident IE
Gecko FireFox
webkit safari
Blink Google
浏览器内核就是一个渲染引擎,对html、js、css等进行渲染
from fe-interview.
常见浏览器所用内核
(1) IE 浏览器内核:Trident 内核,也是俗称的 IE 内核;
(2) Chrome 浏览器内核:统称为 Chromium 内核或 Chrome 内核,以前是 Webkit 内核,现在是 Blink内核;
(3) Firefox 浏览器内核:Gecko 内核,俗称 Firefox 内核;
(4) Safari 浏览器内核:Webkit 内核;
(5) Opera 浏览器内核:最初是自己的 Presto 内核,后来加入谷歌大军,从 Webkit 又到了 Blink 内核;
(6) 360浏览器、猎豹浏览器内核:IE + Chrome 双内核;
(7) 搜狗、遨游、QQ 浏览器内核:Trident(兼容模式)+ Webkit(高速模式);
(8) 百度浏览器、世界之窗内核:IE 内核;
(9) 2345浏览器内核:好像以前是 IE 内核,现在也是 IE + Chrome 双内核了;
(10)UC 浏览器内核:这个众口不一,UC 说是他们自己研发的 U3 内核,但好像还是基于 Webkit 和 Trident ,还有说是基于火狐内核。
内核理解
主要分成两部分:渲染引擎和 JS 引擎。
渲染引擎的职责就是渲染,即在浏览器窗口中显示所请求的内容。默认情况下,渲染引擎可以显示 html、xml 文档及图片,它也
可以借助插件(一种浏览器扩展)显示其他类型数据,例如使用 PDF 阅读器插件,可以显示 PDF 格式。
JS 引擎:解析和执行 javascript 来实现网页的动态效果。
最开始渲染引擎和 JS 引擎并没有区分的很明确,后来 JS 引擎越来越独立,内核就倾向于只指渲染引擎。
from fe-interview.
内核主要分为渲染引擎和 JS 引擎。前者负责页面的渲染,后者负责执行解析 JavaScript。
之后,由于 JS 引擎越来越独立,现在所说的浏览器内核大都指渲染引擎。
目前主流的内核有以下 4 个:
Trident: 由微软开发,即我们熟知的 IE 内核
Gecko: 使用 C++ 开发的渲染引擎,包括了 SpiderMonkey 即我们熟悉的 FireFox
Presto: Opera 使用的内核
Webkit: 前端使用最多的 Chrome 和 Safari 使用的内核
from fe-interview.
通常所说的浏览器内核指的是浏览器渲染引擎,即排版引擎,不包括JavaScript引擎。
主流浏览器内核,不包括已经停产的
- Webkit(apple based)
- Blink (chromium based)
- Gecko (firefox based)
这里要说下,Webkit 是苹果基于 KDE 的 KHTML 的一个分支,而Blink是基于苹果 Webkit 的一个分支,Gecko 是基于 Servo 内核引擎
from fe-interview.
chrome blink
ie trident
火狐 gecko
opera Blink
safari webkit
from fe-interview.
第12天 常见的浏览器内核都有哪些?并介绍下你对内核的理解
firefox gecko
safari webkit
opera Presto
IE trident
chrome blink
from fe-interview.
概念
浏览器内核可以理解为排版引擎,由 渲染引擎 和 JS引擎 组成
由于 JS 引擎越来越独立,现在所说的浏览器内核大都指渲染引擎
渲染引擎
负责页面的渲染
负责取得网页的内容(HTML、XML、图像等)、整理讯息(加入CSS等),以及计算页面的显示方式,然后输出至显示器或打印机
JS引擎
执行解析 JavaScript
解析和执行javascript来实现页面的动态效果
常见浏览器内核
Blink
基于 WebKit 的 fork Web 渲染引擎
Chrome 、Opera使用的内核
Trident
由微软开发,即熟知的 IE 内核
WebKit
Safari 、Chrome(曾) 、Opera(曾) 使用的内核
Gecko
FireFox使用的内核
Presto
Opera 曾使用的内核
from fe-interview.
总结:
浏览器内核 = 渲染引擎 + js执行引擎 // 由于js引擎逐渐独立,现在侧重指代渲染引擎。
常见内核:
trident:ie
webkit:safari,chrome(曾经)
blink:chrome、opera
gecko:firefox
presto:opera(曾经)
chromium内核:edge、chrome(曾经)
from fe-interview.
浏览器内核分为:渲染引擎和JS引擎。
- 渲染引擎:负责取得页面的内容,整理讯息,以及计算网页的显示方式,然后输出到显示器或打印机。
- JS引擎:解析和执行JS来实现网页的动态效果
一般浏览器内核指渲染引擎
常见的浏览器内核:
Trident内核: IE,360
Gecko内核:Netspace6及以上版本
Presto内核: Opera
Blink内核:Opera
Webkit内核: Safari , Chrome
from fe-interview.
内核分为渲染引擎和js引擎,因为js引擎越来越独立,所以现在多指渲染引擎
trident ie内核
火狐内核
opera内核
还有我们用的最多的webkit谷歌的内核
from fe-interview.
webkit
blink
gecko
edgeHTML
trident
内核分为渲染引擎和js引擎,渲染引擎负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。js引擎解析和执行JavaScript来实现网页的动态效果,后面因为js引擎越来越独立,内核就更倾向于渲染引擎
from fe-interview.
- IE : Trident
- safari(苹果公司自带浏览器): webkit
- FireFox : Gecko
- Chrome : Blink ,JS引擎为V8引擎
- Opera : Blink
渲染引擎和js引擎
from fe-interview.
Related Issues (20)
- [angular] 第1803天 请说说在Angular中什么是服务和依赖注入(DI)?
- [angular] 第1804天 请说说路由和导航在Angular中如何工作的?
- [angular] 第1805天 请说说在Angular中如何实现表单验证?
- [angular] 第1806天 请说说观察者模式和RxJS在Angular中的应用
- [angular] 第1807天 请说说在Angular中的双向数据绑定是如何工作的?
- [angular] 第1808天 请说说在Angular中如何实现国际化(i18n)?
- [angular] 第1809天 如何在Angular中实现懒加载?
- [angular] 第1810天 如何在Angular中实现导航的控制和保护?
- [angular] 第1811天 请说说在Angular中什么是RxJS?
- [angular] 第1812天 请说说在Angular中的ngFor是什么?有哪些用途? HOT 1
- [angular] 第1813天 请说说在Angular中的路由器是什么?
- [angular] 第1814天 请说说在Angular中的ngSwitch是什么?有哪些用途?
- [angular] 第1815天 请说说在Angular中的组件是什么?
- [angular] 第1816天 请说说在Angular中什么是指令?有哪些类型的指令?
- [angular] 第1817天 请说说在Angular中的依赖注入是什么?
- [angular] 第1818天 请说说在Angular中的NgModule是什么?
- [angular] 第1819天 请说说在Angular中的可观察对象是什么?
- [angular] 第1820天 请说说在Angular中的路由器守卫是什么?它有哪些类型?
- [angular] 第1821天 请说说在Angular中的服务是什么?如何创建一个服务?
- [angular] 第1822天 请说说在Angular中的模板语法是什么?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fe-interview.