在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
作为前端开发工程师,在开发过程中不仅仅要考虑到移动端、小程序、APP等平台及产品,单单在PC端还要考虑各种浏览器的兼容性。为什么同样是浏览器,同样的产品展示的时候回出现不同的效果呢?除了每个浏览器本身开发架构不同之外,主要原因就是浏览器使用的内核不同。
认识浏览器内核
浏览器内核是测览器最核心的部分,负责对网页语法的解释并渲染网页,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释不同,因此同一网页在不同内核浏览器中的渲染效果也可能不同,这个时候前端开发工程师就要着重考虑不同浏览器之间的兼容问题。目前常见的浏览器内核有 Trident、 Gecko、 Webkit、 Presto、 Blink五种。
浏览器内核具体介绍
Trident内核:代表浏览器是IE浏览器,因此Trident内核又称E内核,此内核只能用于Windows平台,并且不是开源的。采用用Trident内核的浏览器有:IE、傲游、世界之窗浏览器、Avant、腾讯TT、Sleipnir、GOSURF、GreenBrowser和KKman等。部分浏览器的新版本是“双核”甚至是“多核”,其中一个内核是Trident,然后再增加一个其他内核。国内的厂商一般把其他内核叫做“高速浏览模式”,而Trident则是“兼容浏览模式”,用户可以来回切换。
Gecko内核:代表浏览器是Firefox浏览器。Gecko内核是开源的,最大优势是可以跨平台。Gecko内核常见的浏览器:Mozilla Firefox 、Mozilla SeaMonkey、waterfox(Firefox的64位开源版)、Iceweasel、Epiphany(早期版本)、Flock(早期版本)、K-Meleon。
Webkit内核:代表浏览器是Safari(苹果的浏览器)以及低版本的谷歌浏览器,是开源的项目。最新的浏览器调查表明,该浏览器的市场甚至已经超过了Opera的Presto了。WebKit内核常见的浏览器:傲游浏览器3、Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器
Presto内核:代表浏览器是Opera浏览器(中文译为“欧朋浏览器”),Presto内核是世界公认最快的渲染速度的引擎,但是在2013年之后,Open宣布加入谷歌阵营,弃用了该内核。在此就不做过多讨论。
Blink内核:由谷歌和Opera开发,2013年4月发布,这一渲染引擎是开源引擎WebKit中WebCore组件的一个分支,并且在Chrome(28及往后版本)、Opera(15及往后版本)和Yandex浏览器中使用。
想要完美解决PC端开发时的浏览器兼容问题,就一定要了解每个浏览器内核的特性,对于前端开发工程师以及软件测试工程师都要详细的了解。希望本文对大家的学习工作有一定的帮助。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
入行IT编程,学前端开发好还是学后台开发好?
入行IT编程,学前端开发好还是学后台开发好?前端开发和后台开发都是产品开发的重要环节,下面小编将从学习难易程度、技术前景以及就业情况三个方面与大家一起探讨。
8586
2019-08-09 18:03:59
前端还能火几年?做前端有前途吗?
前端在前几年里有了飞速的发展,因此前端技术也逐渐变得成熟。但是相对稳定的前端技术,却让一些人担忧:前端还能火多久?可以这么说,只要IT行业还在发展,前端技术的需求就永远存在,不存在什么唱衰的说法。而且前端技术即将进入迭代优化阶段,在未来中高端的前端人才会更加缺乏。
6451
2019-09-29 16:57:16
前端开发CSS清除浮动的方法有哪些?
在前端开发过程中,非IE浏览器下,当容器的高度自动,并且容器内容中有浮动元素(float为left或right),此时如果容器的高度不能自适应内容的高度,从而使得内容溢出破坏整体布局,这种现象叫做浮动溢出,为了方式这个现象的发生,就需要对CSS样式进行处理,而这个过程就叫做CSS清除浮动。现在常用的CSS清除浮动的方法有哪些呢?
5921
2019-10-30 18:55:42
Web前端开发基础知识学习路线分享
前端开发入门学习三大基础:HTML、CSS、JavaScript。除此之外还要学习数据可视化、Vue、React、Angular相关框架,熟练运用框架提升开发效率,提升稳定性。
3602
2020-12-23 11:13:58
必备的Web前端技术有哪些?
必备的Web前端技术有哪些?需要掌握Web前端开发必备核心技能,在IT行业快速更新迭代的行业,保持不断地学习钻研,才能在前端之路上走得更远。你需要打好HTML、CSS、和JavaScript前端开发的三大基础知识,熟练掌握主流的前端框架有Vue、React和Angular,了解服务端开发,掌握前端工程化。
4989
2021-11-18 16:20:36