浏览器兼容问题

# 浏览器兼容问题 #
**了解常见的浏览器内核 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前出现内容

## 业务挂钩 ##

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

原文地址:https://www.cnblogs.com/Edliu/p/7353577.html