Webcourse/01-HTML/02-浏览器的介绍.md
2021-05-06 11:01:06 +08:00

3.5 KiB
Raw Permalink Blame History

常见的浏览器

浏览器是网页运行的平台常见的浏览器有谷歌Chrome、Safari、火狐Firefox、IE、Edge、Opera等。如下图所示

我们重点需要学习的是 Chrome 浏览器。

浏览器的市场占有份额

浏览器的市场占有份额:https://tongji.baidu.com/research/site?source=index#browser

上面这张图的统计时间是2020年2月。

浏览器的组成

浏览器分成两部分:

  • 1、渲染引擎浏览器内核

  • 2、JS 引擎

1、渲染引擎浏览器内核

浏览器所采用的「渲染引擎」也称之为「浏览器内核」,用来解析 HTML与CSS。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。

渲染引擎是浏览器兼容性问题出现的根本原因。

渲染引擎的英文叫做 Rendering Engine。通俗来说它的作用就是读取网页内容计算网页的显示方式并显示在页面上。

常见浏览器的内核如下:

浏览器 内核
chrome Blink
欧鹏 Blink
360安全浏览器 Blink
360极速浏览器 Blink
Safari Webkit
Firefox 火狐 Gecko
IE Trident

备注360的浏览器以前使用的IE浏览器的Trident内核但是现在已经改为使用 chrome 浏览器的 Blink内核。

另外,移动端的浏览器内核是什么?大家可以自行查阅资料。

2、JS 引擎

也称为 JS 解释器。 用来解析网页中的JavaScript代码对其处理后再运行。

浏览器本身并不会执行JS代码而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时会逐行解释每一句源码(转换为机器语言),然后由计算机去执行。所以 JavaScript 语言归为脚本语言,会逐行解释执行。

常见浏览器的 JS 引擎如下:

浏览器 JS 引擎
chrome / 欧鹏 V8
Safari Nitro
Firefox 火狐 SpiderMonkey1.0-3.0/ TraceMonkey3.5-3.6/ JaegerMonkey4.0-
Opera Linear A4.0-6.1/ Linear B7.0-9.2/ Futhark9.5-10.2/ Carakan10.5-
IE Trident

参考链接:

浏览器工作原理

这一小段有些深入,小白可以暂时跳过,以后再来看。

1、User Interface 用户界面,我们所看到的浏览器。

2、Browser engine 浏览器引擎,用来查询和操作渲染引擎。

3、Rendering engine 用来显示请求的内容负责解析HTML、CSS。

4、Networking 网络,负责发送网络请求。

5、JavaScript Interpreter(解析者) JavaScript解析器负责执行JavaScript的代码。

6、UI Backend UI后端用来绘制类似组合框和弹出窗口。

7、Data Persistence(持久化) 数据持久化,数据存储 cookie、HTML5中的sessionStorage。

参考链接:


本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。