atitit..主流 浏览器 js 引擎 内核 市场份额 attialx总结vOa9

atitit..主流 浏览器 js 引擎  内核 市场份额 attialx总结vOa9

1. 浏览器内核 1

2. 浏览器的主要组件包括: 2

2.1. 主要组件体系结构 2

2.2. WebCore排版引擎及JavaScriptCore解析引擎,
3

2.3. 渲染引擎基本流程 3

3. 当前主流浏览器的引擎及浏览器: 4

3.1. Trident(MSHTML):IE 4

3.2. Presto:Opera7及以上 4

3.3. Gecko:Firefox 4

3.4. KHTML(衍生出WebKit ):Safari、Konqueror,Chromium
4

4. 二、JavaScript引擎 5

4.1. 1、Chakra  查克拉,IE9启用的新的JavaScript引擎。
5

4.2. 2、SpiderMonkey / TraceMonkey / JaegerMonkey,FF 5

4.3. 3、V8  应用于Chrome、傲游3。
5

4.4. 4、Nitro  应用于Safari 4及后续的版本。
5

4.5. 5、Linear A/Linear B/Futhark/Carakan,,Opera 5

4.6. 6、KJS  KHTML对应的JavaScript引擎。
5

5. 浏览器市场份额and来源 5

5.1. 来自Net Applications的最新市场份额数字 6

5.2. StatCounter的统计数据方面 6

6. 参考: 6

1. 浏览器内核 

浏览器最重要或者说核心的部分是“Rendering Engine”, 不过我们一般习惯将之称为“浏览器内核

内核只是一个通俗的说法,其英文名称为“Layout engine”,翻译过来就是“排版引擎”,也被称为“页面渲染引擎”(下文中各种说法通用)。它负责取得网页的内容(HTML、XML、图像等等)、整理信息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印

作者:: 老哇的爪子 Attilax 艾龙,  EMAIL:[email protected]

转载请注明来源: http://blog.csdn.net/attilax

2. 浏览器的主要组件包括:

1. 用户界面- 包括地址栏、后退/前进按钮、书签目录等,也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分

2. 浏览器引擎- 用来查询及操作渲染引擎的接口

3. 渲染引擎- 用来显示请求的内容,例如,如果请求内容为html,它负责解析html及css,并将解析后的结果显示出来

4. 网络- 用来完成网络调用,例如http请求,它具有平台无关的接口,可以在不同平台上工作

5. UI 后端- 用来绘制类似组合选择框及对话框等基本组件,具有不特定于某个平台的通用接口,底层使用操作系统的用户接口

6. JS解释器- 用来解释执行JS代码

7. 数据存储- 属于持久层,浏览器需要在硬盘中保存类似cookie的各种数据,HTML5定义了web database技术,这是一种轻量级完整的客户端存储技术

2.1. 主要组件体系结构

内核》》Rendering Engine》》js engine

图1:浏览器主要组件

需要注意的是,不同于大部分浏览器,Chrome为每个Tab分配了各自的渲染引擎实例,每个Tab就是一个独立的进程。

2.2.  WebCore排版引擎及JavaScriptCore解析引擎,

2.3. 渲染引擎基本流程

渲染引擎首先通过网络获得所请求文档的内容,通常以8K分块的方式完成。

下面是渲染引擎在取得内容之后的基本流程:

解析html以构建dom树->构建render树->布局render树->绘制render树

图2:渲染引擎基本流程

渲染引擎开始解析html,并将标签转化为内容树中的dom节点。接着,它解析外部CSS文件及style标签中的样式信息。这些样式信息以及html中的可见性指令将被用来构建另一棵树——render树。

Render树由一些包含有颜色和大小等属性的矩形组成,它们将被按照正确的顺序显示到屏幕上。

Render树构建好了之后,将会执行布局过程,它将确定每个节点在屏幕上的确切坐标。再下一步就是绘制,即遍历render树,并使用UI后端层绘制每个节点。

值得注意的是,这个过程是逐步完成的,为了更好的用户体验,渲染引擎将会尽可能早的将内容呈现到屏幕上,并不会等到所有的html都解析完成之后再去构建和布局render树。它是解析完一部分内容就显示一部分内容,同时,可能还在通过网络下载其余内容。

3. 当前主流浏览器的引擎及浏览器:

3.1. Trident(MSHTML):IE

3.2. Presto:Opera7及以上

3.3. Gecko:Firefox

3.4. KHTML(衍生出WebKit ):Safari、Konqueror,Chromium

 编注:WebKit 是一个开源的浏览器引擎,与之相应的引擎有Gecko(Mozilla Firefox 等使用的排版引擎)和Trident(也称为MSHTML,IE 使用的排版引擎)。同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称,主要用于Safari,Dashboard,Mail 和其他一些Mac OS X 程序。WebKit 所包含的 WebCore 排版引擎和 JSCore 引擎来自于 KDE 的 KHTML 和 KJS,当年苹果比较了 Gecko 和 KHTML 后,仍然选择了后者,就因为它拥有清晰的源码结构、极快的渲染速度。

Presto:ms速度快的..

5、Chromium(跨平台)

其实 Chromium 就是 WebKit,维基百科里面并没有将Chromium从WebKit分出来,这个区分完全是基于我个人的恶趣味。记得以前看过一个大牛的博文说过,Chromium把WebKit的代码梳理得可读性提高很多,所以以前可能需要一天进行编译的代码,现在只要两个小时就能搞定。这个我自己也没有考究过,但是估计可信。这个也能解释为什么Gecko和WebKit出来了这么久,第三方编译、定制的版本并不多,但是由Chromium衍生出来的浏览器早就满坑满谷了。

常见的Chromium内核的浏览器:Google Chrome、Chromium、SRWare Iron、Comodo Dragon

4. 二、JavaScript引擎

Opera在JavaScript引擎的跑分上面一直都是很牛逼的,一般来说最新测试版之间PK,Opera基本都会夺冠。

4.1. 1、Chakra  查克拉,IE9启用的新的JavaScript引擎。

4.2. 2、SpiderMonkey / TraceMonkey / JaegerMonkey,FF

SpiderMonkey应用在Mozilla Firefox 1.0-3.0,TraceMonkey应用在Mozilla Firefox 3.5-3.6版本,JaegerMonkey应用在Mozilla Firefox 4.0及后续的版本。

4.3. 3、V8  应用于Chrome、傲游3。

4.4. 4、Nitro  应用于Safari 4及后续的版本。

4.5. 5、Linear A/Linear B/Futhark/Carakan,,Opera

Linear A应用于Opera 4.0-6.1版本,Linear B应用于Opera 7.0~9.2版本,Futhark应用于Opera 9.5-10.2版本,Carakan应用于Opera 10.5及后续的版本。

4.6. 6、KJS  KHTML对应的JavaScript引擎。

5. 浏览器市场份额and来源

pc浏览器市场份额:::ie , ff ,chrome 都是30% ,safari 6% 手机浏览器 Safari 50%, android 20%,opera 10%,chrome 10%

5.1. 来自Net Applications的最新市场份额数字

5.2. StatCounter的统计数据方面

6. 参考:

[科普文] 关于浏览器内核的一些小知识,明明白白选浏览器!.htm

2013年10月份全球主流浏览器市场份额排行榜 _ 浏览迷.htm

2013年8月全球浏览器市场占有率排行榜 - 免费绿色软件下载,共享软件基地,破解绿色软件免费下载 - 统一下载站.htm

2014年8月份国内主浏览器市场份额排行榜 - 看引擎 KENGINE _ 看看新闻网 IT资讯.htm

浏览器是如何工作的?(工作原理) - IE浏览器中文网站.htm

时间: 2024-10-27 14:07:16

atitit..主流 浏览器 js 引擎 内核 市场份额 attialx总结vOa9的相关文章

五大主流浏览器及四大内核

一.五大浏览器 任何上过网的用户对浏览器是再熟悉不过了.只是用户看到仅仅只是浏览器本身,却很少能看到浏览器最核心的部分--浏览器内核.从第一款libwww(Library WorldWideWeb)浏览器发展至今已经经历了无数竞争与淘汰了.现在国内常见的浏览器有:IE.Firefox.QQ浏览器.Safari.Opera.Google Chrome.百度浏览器.搜狗浏览器.猎豹浏览器.360浏览器.UC浏览器.遨游浏览器.世界之窗浏览器等.但目前最为主流浏览器有五大款,分别是IE.Firefox

五大主流浏览器与四大内核

任何上过网的用户对浏览器是再熟悉不过了.只是用户看到仅仅只是浏览器本身,却很少能看到浏览器最核心的部分—浏览器内核.从第一款libwww(Library WorldWideWeb)浏览器发展至今已经经历了无数竞争与淘汰了.现在国内常见的浏览器有:IE.Firefox.QQ浏览器.Safari.Opera.Google Chrome.百度浏览器.搜狗浏览器.猎豹浏览器.360浏览器.UC浏览器.遨游浏览器.世界之窗浏览器等.但目前最为主流浏览器有五大款,分别是IE.Firefox.Google C

[Web 前端 ] 五大WEB主流浏览器及四大内核

现在国内常见的浏览器有:IE.Firefox.Safari.Opera.Google Chome.QQ浏览器.搜狗浏览器.百度浏览器.猎豹浏览器.UC浏览器.360浏览器.遨游浏览器.世界之窗浏览器等等.但目前最为主流浏览器有五大款,分别是IE.Firefox.Google Chrome.Safari.Opera. cp from : https://www.cnblogs.com/yumeixian/p/9111248.html 浏览器最重要的部分是浏览器的内核.浏览器内核是浏览器的核心,也称

简单对比一下不同Windows操作系统在相同硬件配置的情况下浏览器js引擎的性能

最近部门进行Windows客户端的测试产品单点性能, 感觉不在通的windows版本以及浏览器内核的情况下性能可能有差异, 也一直没有找到一个比较好的对比工具, 今天用chrome的控制台简单测试了下js 的简单加法的性能对比. 使用的windows系统以及chrome的版本 win10 1709 x64 chrome 60 win7sp1      x64 chrome 62 Winxpsp3   x86  chrome49 (Chrome支持xp的最后一个版本) 使用的最简单的对比函数..

js导出execl兼容ie Chrome Firefox各种主流浏览器(js export execl)

第一种导出table布局的表格 <html> <head> <meta charset="utf-8"> <script type="text/javascript" language="javascript"> var idTmr; function getExplorer() { var explorer = window.navigator.userAgent; //ie if(explore

各种主流浏览器内核引擎的对比分析

要搞清楚浏览器内核是什么,首先应该先搞清楚浏览器的构成.简单来说浏览器可以分为 两部分,shell+内核.其中shell的种类相对比较多,内核则比较少.Shell是指浏览器的外壳:例如菜单,工具栏等.主要是提供给用户界面操 作,参数设置等等.它是调用内核来实现各种功能的.内核才是浏览器的核心.内核是基于标记语言显示内容的程序或模块.也有一些浏览器并不区分外壳和内核. 从Mozilla将Gecko独立出来后,才有了外壳和内核的明确划分.目前主流的浏览器有IE6.IE8.Mozilla.FireFo

浏览器内核与js引擎

摘要: 面试一个大公司的时候问到了一个问题,让我谈谈主要的浏览器内核以及他们的特点,当时并没有详细的回答,回来之后自己在网上找了找资料,总结了下分享给大家. 简介: 在维基百科上是这样介绍浏览器内核的,网页浏览器的排版引擎(Layout Engine或Rendering Engine)也被称为浏览器内核.页面渲染引擎或模板引擎,它负责取得网页的内容(HTML.XML.图像等等).整理消息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机.所有网页浏览器.电子邮件客户端以及其

浏览器内核、排版引擎、js引擎

[定义] 浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”.负责对网页语法的解释(如标准通用标记语 言下的一个应用HTML.JavaScript)并渲染(显示)网页. 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及 页面的格式信息.不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不

浏览器内核、渲染引擎、js引擎

[1]定义 浏览器内核分成两部分渲染引擎和js引擎,由于js引擎越来越独立,内核就倾向于只指渲染引擎 渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具 [2]常见引擎 渲染引擎: firefox使用gecko引擎 IE使用Trident引擎 2015年微软推出自己新的浏览器,原名叫斯巴达,后改名edge,使用edge引擎 opera最早使用Presto引擎,后来弃用 chrome\safari\opera使用webkit引擎 13年chrome和opera开始使用Blink引擎 js