在线客服
扫描二维码
下载博学谷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端开发时的浏览器兼容问题,就一定要了解每个浏览器内核的特性,对于前端开发工程师以及软件测试工程师都要详细的了解。希望本文对大家的学习工作有一定的帮助。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
前端开发CSS清除浮动的方法有哪些?
在前端开发过程中,非IE浏览器下,当容器的高度自动,并且容器内容中有浮动元素(float为left或right),此时如果容器的高度不能自适应内容的高度,从而使得内容溢出破坏整体布局,这种现象叫做浮动溢出,为了方式这个现象的发生,就需要对CSS样式进行处理,而这个过程就叫做CSS清除浮动。现在常用的CSS清除浮动的方法有哪些呢?
6426
2019-10-30 18:55:42
Web前端开发需要学什么?
Web前端开发需要学什么?零基础入门前端需要掌握前端开发基础、移动Web网页开发、JavaScript网页编程、前后端交互等知识,掌握React前端框架,把全栈工程师必须要掌握的全部前端技术、Node.js相关后台技术、HTML5移动开发的相关技术。
4545
2020-07-07 11:39:39
前端开发与网站运营有什么关系
经历过前端面试求职过程的小伙伴都会发现,很多企业招聘前端开发工程师时都会要求掌握网站优化技巧,了解SEO(搜索引擎优化)技术。作为一个开发人员,为什么还要掌握网站运营相关的技术呢?前端开发与网站运营有什么关系?
5508
2020-08-07 10:19:19
高效的前端开发工具有哪些?
在互联网中许多开发工具可以让前端开发人员的工作生活变得更加轻松。应用程序的功能越来越丰富,也导致了前端开发的复杂度大幅增加,急需好的开发工具。今天和大家分享一些前端开发常用工具,这些工具真的对于提高工作效率有很大的帮助。
3993
2020-12-31 15:32:33
Three.js基础知识分享 帮你入门学习JavaScript 3D 库
Three.js基础知识分享 帮你入门学习JavaScript 3D 库,学习Three.js需要先了解一下 OpenGL 和 WebGL。OpenGL 是一个跨平台的3D/2D的绘图标准,WebGL是一种3D绘图协议。WebGL允许把JavaScript和OpenGL 结合在一起运用,但使用WebGL原生的API来写3D程序非常的复杂,同时需要相对较多的数学知识对于前端开发者来说学习成本非常高。
4765
2022-04-19 16:10:42