浏览器内核及其分类

浏览器内核

所谓的浏览器内核
作为一名前端开发工程师，会使用HTML/CSS/JS编写代码，在编写代码的时候遵循一些规范（W3C制定的规范）
浏览器开发商开发的浏览器，目的就是为了按照W3C的规范，识别出开发者开发的代码，并且在页面中绘制出开发者预想的页面和效果，通过GPU（显卡）显示出来的页面效果，我们把浏览器中识别代码绘制页面的东西称为”浏览器的内核或者渲染引擎”。
谷歌浏览器（Chrome）：内核是Webkit（俗称V8引擎），是世界上最快的引擎。
火狐浏览器（FireFox）：浏览器的内核是Gecko。
欧朋浏览器（Opera）：浏览器的内核是Presto。
IE浏览器（6/7/8/9/10/11/EDGE）：浏览器的内核是Trident，所谓的IE低版本浏览器指的是（IE 6~8）。
苹果自带的Safari浏览器：也是 Webkit 内核。
国产浏览器（内核也是Webkit）：360浏览器（普通版/急速版）、搜狗浏览器、百度浏览器、QQ浏览器、UC浏览器、猎豹浏览器等等。
安卓和IOS大部分的手机自带的浏览器内核都是Webkit内核。

很早以前，国产PC浏览器使用的都是IE内核，后来手机端兴起，国产的手机浏览器都是用谷歌的webkit内核，再后来为了统一维护PC端和移动端的浏览器，PC端的浏览器内核也从IE的Trident内核改为了谷歌的Webkit内核。

浏览器兼容：

1.W3C发布的规范都是开发者们不断尝试总结下来的产物，举个例子：谷歌浏览器开发了一个新的CSS属性（border-radius）可以让开发者快速实现盒子圆角。
-webkit-border-radius
火狐发现这个功能很好用，也实现了这个属性
-moz-border-radius
…
当W3C把它融入到规范的时候
border-radius

1. 每个浏览器为了彰显自己的不一样，不按照标准来，但是把标准中规定的效果用另外一种的方式实现了。
   window.getComputedStyle 标准情况。
   currentStyle IE情况下。
   所以此时我们必须写两套。