浏览器两个部分
外壳 shell
内核
渲染引擎 主要工作绘制页面
js引擎 Chrome webkit v8
其他模块 异步等
浏览器名称 内核名 渲染引擎 js引擎
IE Trident - Chakra
FireFox Gecko - Monkey
Safari webkit webcore Nitro
Chrome webkit webcore V8
blink 14年~
Opera Presto
webkit 13年~ webcore V8
IE浏览器:
IE是微软公司旗下浏览器,IE诞生于1994年,当时微软为了对抗市场份额占据将近百分之九十的网景Netscape Navigator,于是在Windows中开发了自己的浏览器Internet Explorer,自此也引发了第一次浏览器大战。结果可想而知,微软大获全胜,网景不得不将自己卖给AOL公司。但实际上事情并没有结束,网景后来开发了风靡一时的Firefox火狐,至今Firefox也成为世界五大浏览器之一。
1996年,微软从Spyglass手里拿到Spyglass Mosaic的源代码和授权,开始开发自己的浏览器IE。后来,微软以IE和Windows捆绑的模式不断向市场扩展份额,使IE成为市场的绝对主流。现在装了Windows系统的电脑基本无法卸载IE,现在ie最新版的改名为 Microsoft edge 不管承不承认,ie正在走下坡路走下拨路。
Opera浏览器:
Opera浏览器,是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器,是跨平台浏览器可以在Windows、Mac和Linux三个操作系统平台上运行。Opera浏览器创始于1995年4月。2016年2月确定被奇虎360和昆仑万维收购。 2018年6月29日,Opera向SEC提交了上市申请。Opera浏览器因为它的快速、小巧和比其他浏览器更佳的标准兼容性获得了国际上的最终用户和业界媒体的承认,并在网上受到很多人的推崇。
Safari浏览器:
苹果公司研发的网络浏览器,苹果移动端和pc端的专用浏览器。
Firefox浏览器:
Firefox浏览器是Mozilla公司旗下浏览器,在2004年推出自己的浏览器Firefox。Firefox采用Gecko作为内核。Gecko是一个开源的项目,代码完全公开,因此受到很多人的青睐。
Chrome浏览器:
Chrome浏览器是google旗下的浏览器。Chrome浏览器至发布以来一直讲究简洁、快速、安全,所以Chrome浏览器到现在一直受人追捧。最开始Chrome采用webkit作为浏览器内核,直到2013年,google宣布不再使用苹果的webkit内核,开始使用webkit的分支内核Blink。
五大内核(四大)
接下来是四大内核。在介绍五大浏览器的同时也已经顺便介绍了四大内核。四大内核分别是:Trident(也称IE内核)、webkit、Blink、Gecko、presto (弃用)。五大浏览器采用的都是单内核,而随着浏览器的发展现在也出现了双内核。像360浏览器、QQ浏览器都是采用双内核。
作为前端开发,熟悉四大内核是非常有必要的。所谓的浏览器内核通常也就是指浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解析也有所不同,因此同一网页在不同的内核浏览器里的渲染、展示效果也可能不同。
IE浏览器内核:IE内核;
Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;
Firefox浏览器内核:Gecko内核,俗称Firefox内核;
Safari浏览器内核:Webkit内核;
Opera浏览器内核:最初是自己的Presto内核,后来是Webkit,现在是Blink内核;
2⃣️ 浏览器的组成部分:
1. 用户界面:
用户界面主要包括:地址栏,后退/前进按钮,书签目录等;(除了从服务器请求到的网页窗口)
2. 浏览器引擎:
用来查询及操作渲染引擎的接口;
3. 渲染引擎:
用来显示请求的html内容;(包括样式,图片,js)
4. 网络:
主要是来完成网络调用,例如http请求,它具有平台无关的接口,可以在不同平台上工作;
5. UI后端:
用来绘制类似组合选择框及对话框等基本组件,具有不特定于某个平台的通用接口,底层使用操作系统的用户接口。
6. JS解释器 :
用来解释执行JS代码;
7. 数据存储:
属于持久层,浏览器需要在硬盘中保存类似cookie的各种数据,HTML5定义了web database技术,这是一种轻量级完整的 客户端存储技术;