通常来说,浏览器分为外壳部分和渲染部分。外壳部分就是用户看得见摸获得的外观和操做界面;而渲染部分则包括了浏览器内核和JS引擎,其中JS引擎主要负责执行javascript语言实现网页上的动做,而内核则负责渲染网页,把数据变成用户能够看得见的网页内容。
浏览器内核也就是浏览器所采用的渲染引擎“Rendering Engine”,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不一样的浏览器内核对网页编写语法的解释也有不一样,所以同一网页在不一样的内核的浏览器里的渲染(显示)效果也可能不一样,这也是前端人员须要在不一样内核的浏览器中测试网页显示效果的缘由。
内核分类:javascript
Trident:
该内核程序在1997年的IE4中首次被采用,是微软在Mosaic代码的基础之上修改而来的,并沿用到IE11,也被广泛称做”IE内核”。
Trident内核的常见浏览器有:
IE六、IE七、IE8(Trident 4.0)、IE9(Trident 5.0)、IE10(Trident 6.0);360安全浏览器(1.0-5.0为Trident,6.0为Trident+Webkit,7.0为Trident+Blink)猎豹极轻浏览器,360极速浏览器(7.5以前为Trident+Webkit,7.5为Trident+Blink)猎豹安全浏览器(1.0-4.2版本为Trident+Webkit,4.3及之后版本为Trident+Blink)猎豹极轻浏览器,傲游浏览器(傲游1.x、2.x为IE内核,3.x为IE与Webkit双核)、百度浏览器(早期版本)、世界之窗浏览器(最初为IE内核,2013年采用Chrome+IE内核)、2345浏览器、腾讯TT、淘宝浏览器、采编读浏览器、搜狗高速浏览器(1.x为Trident,2.0及之后版本为Trident+Webkit)、阿云浏览器(早期版本)、瑞星安全浏览器、Slim Browser、 GreenBrowser、爱帆浏览器(12 以前版本)、115浏览器、155浏览器、闪游浏览器、N氧化碳浏览器、糖果浏览器、彩虹浏览器、瑞影浏览器、勇者无疆浏览器、114浏览器、蚂蚁浏览器、飞腾浏览器、速达浏览器、佐罗浏览器、海豚浏览器(iPhone/iPad/Android)、UC浏览器(Blink内核+Trident内核)等。其中部分浏览器的新版本是“双核”甚至是“多核”,其中一个内核是Trident,而后再增长一个其余内核。国内的厂商通常把其余内核叫作“高速浏览模式”或“极速模式”,而Trident则是“兼容浏览模式”,用户能够来回切换。css
Gecko:
Gecko的特色是代码彻底公开,由于这是个开源内核,所以受到许多人的青睐,这也是Gecko内核虽然年轻但市场占有率可以迅速提升的重要缘由。不过事实上,Gecko 内核的浏览器仍然仍是Firefox (火狐) 用户最多,因此有时也会被称为Firefox内核。
Gecko内核常见的浏览器: Mozilla Firefox、Mozilla SeaMonkey、Epiphany(早期版本)、Flock(早期版本)、K-Meleonhtml
Presto (已废弃):
Opera12.17及更早版本曾经采用的内核,现已中止开发并废弃。Opera现已改用Google Chrome的Blink内核。 前端
Webkit:
Webkit(Safari内核,Chrome内核原型,开源):它是苹果公司本身的内核,也是苹果的Safari浏览器使用的内核。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎。
WebKit内核常见的浏览器:傲游浏览器三、Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器。java
Blink:
由Google和Opera Software基于Webkit引擎研发的排版引擎。2013年4月3日,谷歌在Chromium Blog上发表博客,称将与苹果的开源浏览器核心Webkit分道扬镳,在Chromium项目中研发Blink渲染引擎(即浏览器核心),内置于Chrome浏览器之中。web
移动端浏览器内核总结
在移动端浏览器中,根据调查各类产品的市场占有率以下图:浏览器
UC浏览器
UC手机浏览器使用u2/3/4内核开发,本质是基于开源内核Webkit开发,在Webkit的基础上进行二次优化,并不能算是彻底的自主内核。 安全
QQ浏览器
腾讯X5内核是基于Webki引擎,进行了深度优化和拓展,具备超强的云压缩加速能力,腾讯的产品不只手机QQ浏览器,手机QQ和微信都用的X5内核,这要比原生内核要安全稳定,也不会出现卡顿,加载超时这些状况。因此用QQ浏览器看网页的体验要远远高于那种普通的搭载原生内核的APP的。微信
百度手机浏览器
T5内核是百度手机浏览器团队为用户打造的专属内核,该内核可对手机上网进行全面提速,优化了对JavaScript,HTML5的支持,优化WebAPP体验效果,提高浏览器对网页的兼容性,百度方面称这一版本不一样于绝大多数Android手机浏览器直接调用系统自带的内核浏览器,而是经过移植最新的webkit浏览器内核。ide
360手机浏览器
中国著名互联网安全公司360发布360手机浏览器G5内核版,G5内核版是基于Chrome深度修改定制的,在大多浏览器尚且停留在使用webkit内核时,360后来居上,直接将目光投向了当前最早进的Chrome内核上
对于这几种浏览器的内核技术PK,可参考UC、QQ、360手机浏览器内核技术大比拼
不论是UC的U3内核、QQ的X5内核、百度的T5内核、360的G5,都是在WebKit上二次开发的内核。这些浏览器都是基于Chromium开发的,因此有的说是采用了Chrome内核,而Chrome、Chromium的内核就是Webkit排版引擎,因此又有的说是采用了Webkit。
故在前端人员编写的移动端网页css文件时,主要考虑webkit内核就能够了。顺便再此推荐几款移动端网页调试工具DebugGap、browsersync