作者介绍:郝天翔,南京课工场前端讲师,10年移动互联网软件行业经验,全栈高级软件工程师,微信生态开发先行者,主要参与智慧城市新零售电商领域方案的设计与实施,商业案例“喜茶Go”,已落地于全国多座城市,其小程序产品设计方案受到商家与消费者的广泛一致好评。

浏览器作为Web前端开发页面效果的呈现容器,是前端工作不可或缺的开发工具之一,正所谓:工欲善其事必先利其器,选择合适的浏览器作为开发工具,有助于整体开发效率的提升。

浏览器是网页的运行平台,可以把制作好的HTML文件展现给用户浏览的客户端软件,目前主流的浏览器有:IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。IE最新版为Edge。

五大主流浏览器

浏览器最重要的部分是浏览器的内核。浏览器内核是浏览器的核心,也称“渲染引擎”,用来解释网页语法并渲染到网页上。浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。不同的浏览器内核对网页的语法解释也不同,我们叫“兼容问题”,因此网页开发者需要在不同内核的主流浏览器中测试网页的渲染效果。

接下来,我按照时间顺序,给大家介绍一下各款主流浏览器的发展历程。

1、IE浏览器:

IE是微软公司旗下浏览器,目前的版本为IE6.0-IE11.0。目前,还是有少量用户在使用,因此在制作网页的时候,不得不考虑这些IE各版本的浏览器问题。IE诞生于1994年,当时微软为了对抗市场份额占据将近百分之九十的网景Netscape Navigator,于是在Windows中开发了自己的浏览器Internet Explorer,自此也引发了第一次浏览器大战。结果可想而知,微软大获全胜,网景不得不将自己卖给AOL公司。但实际上事情并没有结束,网景后来开发了风靡一时的Firefox火狐,至今Firefox也成为世界五大浏览器之一。

1996年,微软从Spyglass手里拿到Spyglass Mosaic的源代码和授权,开始开发自己的浏览器IE。后来,微软以IE和Windows捆绑的模式不断向市场扩展份额,使IE成为市场的绝对主流。现在装了Windows系统的电脑基本无法卸载IE。

但随着互联网的发展,IE浏览器问题越来越多,这让IE浏览器的功能停留在了用来下载其他品牌的浏览器,甚至大多数网站都开始抵制IE,微软不得不舍弃IE重新开发了Edge。

2、Opera浏览器:

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

3、Safari浏览器:

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

4、Firefox浏览器:

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

5、Chrome浏览器:

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

在介绍完五大浏览器的同时,其实也已经顺便介绍了四大内核。

四大内核分别是:Trident(也称IE内核)、webkit、Blink、Gecko。五大浏览器采用的都是单内核,而随着浏览器的发展现在也出现了双内核。像360浏览器、QQ浏览器都是采用双内核,可以在兼容模式与极速模式之间切换,说白了就是在IE内核与webkit内核之间切换。

作为前端开发,熟悉四大内核是非常有必要的。四大内核的解析不同使网页渲染效果更具多样化。下面总结一下各常用浏览器所使用的内核:

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双内核;

02 认识五大主流浏览器相关推荐

  1. html5 css3浏览器,五大主流浏览器CSS3和HTML5兼容性大比拼

    五大主流浏览器CSS3和HTML5兼容性大比拼 出处:快科技 2011-05-26 16:15:42     编辑:萧萧[爆料] 收藏文章 各大主流浏览器对CSS3和HTML5的支持越来越完善,曾经让 ...

  2. 五大主流浏览器及四大内核1

    转载:https://blog.csdn.net/yuyanjing123456789/article/details/78689595 任何上过网的用户对浏览器是再熟悉不过了.只是用户看到仅仅只是浏 ...

  3. 五大主流浏览器的内核,前端在IE浏览器中常见的兼容问题

    一 标题五大主流浏览器及其内核 1.Trident 代表作:IE 元老级内核之一,由微软开发,并于1997年10月首次在ie 4.0中使用,凭借其windows垄断优势, Trident市场占有率一直 ...

  4. 五大主流浏览器四大内核(浏览器兼容)

    之前做项目的浏览器兼容,之前的浏览器嗅探全是一个一个方法判断,写的太乱太复杂了,后面用到了Browser.js,因为这个插件能测试到浏览器的内核,所以不管什么浏览器都可以测试出来.浏览器内核是指浏览器 ...

  5. 五大主流浏览器-简介

    世界五大主流浏览器 === **Internet Explorer 简称ie,微软公司旗下浏览器** IE的诞生起源于1994年,当时微软为了对抗几乎占据市场百分之九十份额的网景Netscape Na ...

  6. JavaScript 五大主流浏览器内核及Js引擎介绍

    主流浏览器区别 1 五大主流浏览器 IE Firefox GoogleChrome Safari Opera 厂商 浏览器 内核 备注 Js引擎 兼容前缀 Google Chrome webkit & ...

  7. html5与css3是互联网发展趋势,五大主流浏览器CSS3和HTML5兼容性比拼

    [IT168 评测]各大主流浏览器对CSS3和HTML5的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准.就在前几天,W3C的HTML5社区领袖Shelley宣布,HTML5的开发工 ...

  8. 五大主流浏览器及其内核简要介绍

    主流浏览器及其内核 一.浏览器 1.什么是浏览器? 2.市面上的浏览器有哪些? 3.浏览器的组成部分 二.主流浏览器 1.浏览器的最主要的两块? 2.什么叫主流浏览器? 3.市面上的主流浏览器有哪些? ...

  9. 五大主流浏览器和四大浏览器内核

    1.浏览器 任何上过网的用户对浏览器是再熟悉不过了,只是用户看到仅仅只是浏览器本身,却很少能看到浏览器最核心的部分-浏览器内核.从第一款libwww(Library WorldWideWeb)浏览器发 ...

最新文章

  1. linux——DHCP的配置问题
  2. Android(六)——Android第一周学习
  3. python存储问题_python学习永久存储和异常处理
  4. 【python笔记】python模块 datatime模块
  5. 哎,辣鸡代码书写准则
  6. 从零开始学习PYTHON3讲义(二)把Python当做计算器
  7. 手把手教你搭建Nginx-rtmp流媒体服务器+使用ffmpeg推流
  8. 【Elasticsearch】Elasticsearch 7.3 的 offheap 原理
  9. 九、K8s deployment相关操作
  10. 安卓背景音乐开关_奢华大屏背景音乐系统-圣巴赫S820,行业典范!
  11. 秦时明月1架设用哪个java_秦时明月6.2搭建视频架设教程
  12. 学校人脸识别门禁功能介绍
  13. pyqt5中sender方法介绍_PyQt5学习记录(二):Event sender
  14. TDengine:开源、高效的物联网大数据平台
  15. 找回知之阅读笔记的方法
  16. 渗透测试sec123笔记
  17. 学计算机专业还是数学专业课,数学专业的数学和计算机专业的数学的比较.doc...
  18. Jenkins流水线极速打包
  19. websocket实现语音通讯(转)
  20. 买保险优先重疾还是医疗,傻傻分不清,程序员更要进来看看

热门文章

  1. 人工智能为什么这么火?看看安防江湖30年血战就知道了
  2. minecraft简易服务器搭建
  3. mac打开ppt陷入报错循环
  4. 做研发经理5年,今年无情被辞:想给各位提个醒!
  5. 应广单片机PMS132/PMS132B
  6. VS2022 主题 和 背景 设置(简单实用)
  7. 为什么有些大龄剩女喜欢和穷人谈钱,喜欢和富人谈感情?
  8. 微信支付开发(7) 告警通知
  9. K8S系列(四)Deployment 详解
  10. 更换手机屏幕的心得体会