第一天·浏览器内核及Web标准

一·浏览器及浏览器内核

1.常见的浏览器

第一天·浏览器内核及Web标准

(1)IE浏览器

IE是微软公司旗下浏览器,是目国内用户量最多的浏览器。IE诞生于1994年,当时微软为了对抗市场份额占据将近百分之九十的网景Netscape Navigator,于是在Windows中开发了自己的浏览器Internet Explorer,自此也引发了第一次浏览器大战。微软以IE和Windows捆绑的模式不断向市场扩展份额,使IE成为市场的绝对主流。现在装了Windows系统的电脑基本无法卸载IE。

(2)Opera浏览器

Opera是挪威Opera Software ASA公司旗下的浏览器。1995年,opera公司发布第一版Opera浏览器,使用自己研发的Presto内核。当时opera公司的开发团队不断完善Presto内核,使Opera浏览器一度成为顶级浏览器。直到2016年奇虎360和昆仑万维收购了Opera浏览器,从此也丢弃了强大的Presto内核,改用当时Google开源的webkit内核。后来Opera浏览器跟随Google将浏览器内核改为Blink内核。自此Presto内核也淡出了互联网市场。

(3)Safari浏览器

第二次浏览器大战是从苹果公司发布Safari浏览器开始的。2003年,苹果公司在苹果手机上开发Safari浏览器,利用自己得天独厚的手机市场份额使Safari浏览器迅速成为世界主流浏览器。Safari是最早使用webkit内核的浏览器也是现在苹果默认的浏览器。

(4)Firefox浏览器

Firefox浏览器是Mozilla公司旗下浏览器,也是刚才提到的网景公司后来的浏览器。Firefox采用Gecko作为内核。Gecko是一个开源的项目,代码完全公开,因此受到很多人的青睐。Firefox的问世加快了第二次浏览器大战的开始。第二次浏览器大战与第一次二元鼎力的局面不同,这一次的特点就是百家争鸣,也自此打破了IE浏览器从98年网景被收购后独步浏览器市场的局面。

(5)Chrome浏览器

Chrome浏览器是google旗下的浏览器。Chrome浏览器至发布以来一直讲究简洁、快速、安全,所以Chrome浏览器到现在一直受人追捧。最开始Chrome采用webkit作为浏览器内核,直到2013年,google宣布不再使用苹果的webkit内核,开始使用webkit的分支内核Blink。

(6)Edge浏览器

2015年4月30日,微软在旧金山举行的Build 2015开发者大会上宣布,其最新操作系统——Windows 10内置代号为“Project Spartan”的新浏览器被正式命名为“Microsoft Edge”,其内置于Windows 10版本中。2018年3月,微软宣布登陆iPad和安卓平板。这意味着Edge浏览器已经覆盖了桌面平台和移动平台。采用的内核为EdgeHTML。

2.见的浏览器内核的理解

浏览器内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎。

(1)渲染引擎

它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。

(2)JS引擎

用于是解析 Javascript 语言,执行 javascript语言来实现网页的动态效果。

最开始渲染引擎和 JS 引擎并没有区分的很明确,后来 JS 引擎越来越独立,内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多,如加上没什么人使用的非商业的免费内核,可能会有10多种,但是常见的浏览器内核可以分这四种:Trident、Gecko、Blink、Webkit。

3.见的浏览器内核

(1)Trident(IE)

国内很多的双核浏览器的其中一核便是 Trident,美其名曰 "兼容模式"。
代表: IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。

(2)Gecko(firefox)

Mozilla FireFox(火狐浏览器) 采用该内核,Gecko 的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。 可惜这几年已经没落了, 原因比如打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。

(3)webkit(Safari)

Safari 是苹果公司开发的浏览器,所用浏览器内核的名称是大名鼎鼎的WebKit。现在很多人错误地把webkit叫做chrome内核(即使chrome内核已经是blink了),苹果感觉像被别人抢了媳妇,都哭晕再厕所里面了。
代表浏览器:傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器。

(4)Blink(chrome)

在 Chromium 项目中研发Blink渲染引擎(即浏览器核心),内置于Chrome浏览器之中。Blink其实是WebKit的分支。
大部分国产浏览器最新版都采用Blink内核进行二次开发。

(5)Presto(Opera)

Presto(已经废弃)是挪威产浏览器opera的"前任"内核,为何说是 "前任",因为最新的opera浏览器早已将之抛弃从而投入到了谷歌怀抱了。

移动端的浏览器内核主要说的是系统内置浏览器的内核。
Android手机而言,使用率最高的就是Webkit内核,大部分国产浏览器宣称的自己的内核,基本上也是属于webkit二次开发。
iOS以及WP7平台上,由于系统原因,系统大部分自带浏览器内核,一般是Safari或者IE内核Trident的

二·Web标准

通过以上浏览器的内核不同,我们知道他们工作原理、解析肯定不同,显示就会有差别。为了能让我们的代码在不同浏览器上显示相同,就需要有Web标准。

1.Web标准的好处

1.让Web的发展前景更广阔。
2.内容能被更广泛的设备访问。
3.更容易被搜寻引擎搜索。
4.降低网站流量费用。
5.使网站更易于维护。
6.提高页面浏览速度。

2.Web标准的构成

Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。
  • 结构标准:结构用于对网页元素进行整理和分类,咱们主要是HTML。
  • 表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
  • 行为标准:行为是指网页模型的定义及交互的编写,咱们主要学的是Javascript。

相关推荐