Amaze UI 面向現(xiàn)代瀏覽器開發(fā)，對 IE 8/9 等瀏覽器只提供有限的支持。 注意： - 請不要使用
IETester 這種不靠譜的工具測試； - 按照微軟官方的說法，IE 開發(fā)者工具中的瀏覽器模式也不一定靠譜；
- 微軟官方提供了各種 IE 測試虛擬機。
分級瀏覽器支持（GBS） GBS 是 YUI 團隊提出的應對日益增長的瀏覽器兼容問題的思路，詳情可以查看 YUI 相關(guān)頁面。 Amaze UI GBS 描述 - A 級：最高支持級別，充分利用 H5 和 CSS3 等技術(shù)，提供最優(yōu)的視覺和交互效果。
- B 級：有限支持，基本的樣式和正常的交互，不考慮視覺、交互效果。
- C 級：核心支持，顯示語義化的 HTML 標記渲染的內(nèi)容，不考慮樣式和行為。
- X 級：未知、零散的很少使用或已經(jīng)停止開發(fā)的瀏覽器，可能不支持，也可能支持。
Amaze UI GBS 按照國際慣例，Amaze UI 提供對主流瀏覽器（系統(tǒng)）最近兩個穩(wěn)定版本的全面支持。結(jié)合國內(nèi)實際情況，一些瀏覽器的支持縮減為最新正式版，IE 則對更老版本做了有限支持。 Amaze UI 對瀏覽器做了一個粗略分級，優(yōu)先支持 A 級瀏覽器。 由于資源有限，無法列出所有的瀏覽器，使用 WebKit 的瀏覽器只要不亂修改內(nèi)核，理論上應該都支持。 關(guān)于瀏覽器功能支持的更多細節(jié)請參考 Can I use（UC 瀏覽器的數(shù)據(jù)已經(jīng)被收錄，不知是喜是憂）。 | OS/Browser | Ver | Windows | iOS(7.1.2+) | OS X (10.9+) | Android (4.1+) | WP(8+) |
|---|
| Chrome | L2 | A | A | A | A | N/A |
|---|
| IE | 10+ | A | N/A | N/A | N/A | A- |
|---|
| 9 | B | N/A | N/A | N/A | N/A | | 8 | C+ | N/A | N/A | N/A | N/A | | lte7 | C | N/A | N/A | N/A | N/A | | Firefox | L2 | A | N/A | A | X | N/A |
|---|
| Safari | L2 | X | A | A | N/A | N/A |
|---|
| Opera | L1 | X | N/A | N/A | X | N/A |
|---|
| Opera Coast | L1 | N/A | A | N/A | N/A | N/A |
|---|
| Opera Mini | L1 | N/A | X | N/A | X | X |
|---|
| Stock1 | L1 | N/A | N/A | N/A | X | N/A |
|---|
| UC 瀏覽器 | L1 | X | A | N/A | A | A- |
|---|
| 360瀏覽器 | L1-極速 | A- | X | N/A | X | N/A |
|---|
| L1-IE8 | C+ | N/A | N/A | X | N/A | | 搜狗瀏覽器 | L1-極速 | A- | N/A | N/A | N/A | N/A |
|---|
| L1-IE8 | C+ | N/A | N/A | N/A | N/A | | FF Mobile | L1 | N/A | N/A | N/A | X | N/A |
|---|
注釋： L 代表 last，L2 - 最新的兩個穩(wěn)定版本；L1 - 最新穩(wěn)定版本。1 安卓系統(tǒng)自動瀏覽器，由于部分廠商對瀏覽器做了修改，列為 X 級。
參考鏈接： IE 8/9 - IE 8/9 不支持
transition，看不到任何動畫效果； - IE 9 對 ES5 支持相對較好，引入完整的
amazeui.js 不會報錯，IE 8 則不然； - Web 組件部分不提供 IE 8/9 官方支持。
有限支持 IE 8/9 的 JS 插件： - 警告框（Alert）；
- 按鈕交互（Button）；
- 折疊面板（Collpase）；
- 下拉組件（Dropdown）；
- 模態(tài)窗口（Modal）；
- 彈出框（Popover）；
- 圖片輪播（Slider）；
- 側(cè)邊欄（OffCanvas）；
- 滾動偵測（ScrollSpyNav）；
- 固定元素（Sticky）；
- 選項卡（Tabs） - 僅 IE 9；
| 功能 | IE 8 | IE 9 |
|---|
border-radius | NO | YES |
|---|
box-shadow | NO | YES |
|---|
transform | NO | YES（-ms 前綴） |
|---|
Flex Box | NO |
|---|
transition | NO |
|---|
placeholder | NO |
|---|
IE 8 請注意，我們對 IE 8 的支持的僅限為布局、部分 JS 插件交互基本正常，IE 8 相關(guān) Issue 將列為 `P4`(最低優(yōu)先級，可能不會處理)。 需要支持 IE 8 的用戶請使用條件注釋引入 amazeui.legacy.js，并引入相關(guān)的 polyfill。 <!--[if (gte IE 9)|!(IE)]><!-->
<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
<script src="assets/js/amazeui.js"></script>
<!--<![endif]-->
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn./modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/polyfill/rem.min.js"></script>
<script src="assets/js/polyfill/respond.min.js"></script>
<script src="assets/js/amazeui.legacy.min.js"></script>
<![endif]-->
HTML5 新元素 以下任意引入一個即可，Amaze UI 官網(wǎng)引的是 Modernizr。 Media Query rem box-sizing
IE 8 ignores box-sizing: border-box if min/max-width/height is used.
偽元素 IE 8 只支持 CSS 2.1 規(guī)范中的單冒號語法（:before/:after），不支持 CSS3 的雙冒號語法(::before/::after)。 字體圖標 參見 Bootstrap 中的 issue 及里面提供的解決方法。 關(guān)于 IE 6/7 Amaze UI 不會支持 IE 6~7。
|
