浏览器兼容问题

Posted 2020-10-02 刘畅A

# 浏览器兼容问题 #
**了解常见的浏览器内核 Trident,Geckos,Presto,Webkit**
 
内核只是一个通俗的说法，英文名称为“Layout engine”，翻译过来就是“排版引擎”，也被称为“页面渲染引擎”。它负责取得网页的内容（html、XML、图像等等）、整理信息（例如加入CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要排版引擎。

## Trident（IE的内核） ##
IE浏览器(遨游、世界之窗、腾讯TT…都是IE)Trident内核最慢 
IE 以Trident 作为内核引擎 

## Gecko（Firefox内核） ##
开放源代码、以C++编写的网页排版引擎，是跨平台的 
FireFox是基于 Gecko 开发; 

## webkit（Safari内核 Chrome内核） ##
苹果公司自己的内核，google的chrome也使用webkit作为内核。 
是一个开源的浏览器引擎，同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称，它拥有清晰的源码结构、极快的渲染速度，包含的 WebCore 排版引擎和 javascriptCore解析引擎，均是从KDE的KHTML及KJS引擎衍生而来。 
许多网站都是按照IE来架设的，很多网站不兼容Webkit内核，比如登录界面、网银等网页均不可使用Webkit内核的浏览器。 
Safari([s??fɑri]), Google Chrome, 傲游3, 猎豹浏览器, 百度浏览器 opera浏览器 基于 Webkit 开发。

## Presto（opera内核） ##
目前公认网页浏览速度最快的浏览器内核，然而代价是牺牲了网页的兼容性。由Opera Software开发的浏览器排版引擎，Opera（欧朋浏览器），但由于市场选择问题，主要应用在手机平台–Opera mini 


## 三种模式 ##
**保准     准标准    混杂/怪异**

什么情况下回出现混杂/怪异模式?

1. 没有 DOCTYPE
2. 古老，错误的DOCTYPE
3. DOCTYPE前出现内容

## 业务挂钩 ##

### 渐进增强 ###
 针对低版本浏览器构建页面保证基本功能，
在针对高级浏览器进行效果，交互，性能等进行改进追加功能。
### 优雅降级 ###
开始鬼剑完整功能在针对低版本浏览器进行兼容