(前端)浏览器内核的理解

      浏览器最重要的部分是浏览器的内核。浏览器内核是浏览器的核心,也称“渲染引擎”,用来解释网页语法并渲染到网页上。浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。不同的浏览器内核对网页的语法解释也不同,因此网页开发者需要在不同内核的浏览器中测试网页的渲染效果。

一、浏览器内核分成两部分:渲染引擎  和  JS 引擎。

 

渲染引擎:负责取得网页的内容( HTML XML 、图像等等)、整理讯息(例如加 入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览
器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
 
JS 引擎则:解析和执行 javascript 来实现网页的动态效果
 

最开始渲染引擎和 JS 引擎并没有区分的很明确,后来 JS 引擎越来越独立,内核就倾向于只指渲染引擎。

二、浏览器与内核:


常见的浏览器内核可以分这四种:Trident、Gecko、Blink、Webkit。

目前最为主流浏览器有五大款,分别是IE、Firefox、Google Chrome、Safari、Opera。

五大浏览器采用的都是单内核,而随着浏览器的发展现在也出现了双内核。像360浏览器、QQ浏览器都是采用双内核。

四大内核的解析不同使网页渲染效果更具多样化。

三:常用浏览器所使用的内核:


1、IE浏览器内核:Trident内核;
2、Chrome浏览器内核:以前是Webkit内核,现在是Blink内核;
3、Firefox浏览器内核:Gecko内核;
4、Safari浏览器内核:Webkit内核;
5、Opera浏览器内核:以前是Webkit,现在是Blink内核;
6、360浏览器、猎豹浏览器内核:IE+Chrome双内核;
7、搜狗、遨游、QQ浏览器内核:Trident(兼容模式)+Webkit(高速模式);
8、百度浏览器、世界之窗内核:IE内核;

四、五大内核

1、Trident (也叫IE内核)

优势:Trident实际上是一款开放的内核,其接口内核设计的相当成熟

缺点:微软很长时间都并没有更新 Trident 内核,这导致 Trident 内核曾经几乎与 W3C 标准脱节(2005年)与 Trident 内核的大量 Bug 等安全性问题没有得到及时解决。

国内很多的双核浏览器的其中一核便是 Trident,美其名曰 "兼容模式"。

2、Gecko(也叫Firefox 内核)

优势:Gecko 的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。因为这是个开源内核,因此受到许多人的青睐,Gecko 内核的浏览器也很多,这也是 Gecko 内核虽然年轻但市场占有率能够迅速提高的重要原因。 Gecko 也是一个跨平台内核,可以在Windows、 BSD、Linux 和 Mac OS X 中使用。

3、Webkit

优点:就是网页浏览速度较快,虽然不及 Presto 但是也胜于 Gecko 和 Trident;

缺点:对于网页代码的容错性不高,也就是说对网页代码的兼容性较低,会使一些编写不标准的网页无法正确显示。

4、Chromium/Blink

Blink相对于WebKit来说,精简了代码,在针对DOM框架上更友善,安全性也有所提升。

5、Presto 

优点:Presto内核被称为公认的浏览网页速度最快的内核,这得益于它在开发时的天生优势,在处理JS脚本等脚本语言时,会比其他的内核快3倍左右;

缺点:为了达到很快的速度而丢掉了一部分网页兼容性。

六、移动端

移动端的浏览器内核主要说的是系统内置浏览器的内核。

目前移动设备浏览器上常用的内核有 Webkit,Blink,Trident,Gecko 等,其中 iPhone 和 iPad 等苹果 iOS 平台主要是 WebKit,Android 4.4 之前的 Android 系统浏览器内核是 WebKit,Android4.4 系统浏览器切换到了Chromium,内核是 Webkit 的分支 Blink,Windows Phone 8 系统浏览器内核是 Trident。

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值