在线客服
扫描二维码
下载博学谷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端开发时的浏览器兼容问题,就一定要了解每个浏览器内核的特性,对于前端开发工程师以及软件测试工程师都要详细的了解。希望本文对大家的学习工作有一定的帮助。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
前端如何调用后端接口?有哪几种方式?
一般来讲,前端不会给后端接口,而是后端给前端接口的情况比较普遍。一些人可能不理解接口和前端开发的关系,其实不合适的接口设计会极大地影响用户的页面体验。那么今天我们就来看看,前端如何调用后端接口?有哪几种方式?
25113
2019-10-12 14:30:44
什么是HTML?Web前端基础知识
什么是HTML?Web前端基础知识,HTML简易,超级文本标记语言版本升级采用超集方式灵活方便;可扩展性强。广泛应用带来了加强功能,增加标识符等要求;与平台无关性;通用性强,HTML是网络的通用语言,允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
5465
2020-07-16 15:06:20
网络前端工资大概多少?前景怎么样?
从薪资水平来看Web前端开发工程师确实属于高薪职业。一线城市初级Web前端开发工程师职位月平均收入为1.5万左右,随着工作经验的增长薪资也是水涨船高。
4747
2021-04-22 10:17:27
如何深入理解JSX和React组件?
如何深入理解JSX和React组件?JSX其实是JavaScript对象,所以使用 React和JSX的时候一定要经过编译的过程。React核心机制虚拟DOM,可在内存中创建的虚拟DOM元素。React利用虚拟DOM减少对实际DOM的操作提升性能,虚拟DOM也可以通过JavaScript来创建。
3449
2022-03-03 11:37:58
JavaScript框架的进步史:四次变革
很多在前端领域工作了一段时间的人可能都有过这样的经历,纠结使用哪种JavaScript框架、如何编写CSS、使用函数式编程还是面向对象编程、如何最好地管理状态、哪种构建系统或工具最灵活、最快速等。
3230
2022-05-06 11:07:37