Amaze UI 兼容性列表

2018-10-30 20:10 更新
   由于Amaze UI 面向現(xiàn)代瀏覽器開發(fā),因此,Amaze UI 對 IE 8/9 等瀏覽器只提供有限的支持。

注意:
  • 請不要使用 IETester 這種不靠譜的工具測試;
  • 按照微軟官方的說法,IE 開發(fā)者工具中的瀏覽器模式也不一定靠譜;
  • 微軟官方提供了各種 IE 測試虛擬機。
  • 分級瀏覽器支持(GBS)

1.分級瀏覽器支持(GBS)


   GBS 是 YUI 團隊提出的應(yīng)對日益增長的瀏覽器兼容問題的思路,詳情可以查看 YUI 相關(guān)頁面。

1.1Amaze UI GBS 描述
  • A 級:最高支持級別,充分利用 H5 和 CSS3 等技術(shù),提供最優(yōu)的視覺和交互效果。
  • B 級:有限支持,基本的樣式和正常的交互,不考慮視覺、交互效果。
  • C 級:核心支持,顯示語義化的 HTML 標記渲染的內(nèi)容,不考慮樣式和行為。
  • X 級:未知、零散的很少使用或已經(jīng)停止開發(fā)的瀏覽器,可能不支持,也可能支持。

1.2Amaze UI GBS

   按照國際慣例,提供對主流瀏覽器(系統(tǒng))最近兩個穩(wěn)定版本的全面支持。結(jié)合國內(nèi)實際情況,一些瀏覽器的支持縮減為最新正式版,IE 則對更老版本做了有限支持。

  • Amaze UI 對瀏覽器做了一個粗略分級,優(yōu)先支持 A 級瀏覽器。
  • 由于資源有限,無法列出所有的瀏覽器,使用 WebKit 的瀏覽器只要不亂修改內(nèi)核,理論上應(yīng)該都支持。
  • 關(guān)于瀏覽器功能支持的更多細節(jié)請參考 Can I use(UC 瀏覽器的數(shù)據(jù)已經(jīng)被收錄,不知是喜是憂)。

Amaze UI

注釋:
  • L 代表 last,L2 - 最新的兩個穩(wěn)定版本;L1 - 最新穩(wěn)定版本。
  • 1 安卓系統(tǒng)自動瀏覽器,由于部分廠商對瀏覽器做了修改,列為 X 級。
參考鏈接:
iOS Version Stats


1.3 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);

amazeui

1.4 IE8

請注意,我們對 IE 8 的支持的僅限為布局、部分 JS 插件交互基本正常,IE 8 相關(guān) Issue 將列為 `P4`(最低優(yōu)先級,可能不會處理)。
需要支持 IE 8 的用戶請使用條件注釋引入amazeui.legacy.js amazeui.ie8polyfill.min.js。
?<!--[if (gte IE 9)|!(IE)]><!-->
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<!--<![endif]-->

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.js"></script>

amazeui.ie8polyfill.js 中包含以下 polyfill:

  • Console-polyfill
  • es5-shim
  • es5-sham
  • EventListener Polyfill
  • REM-unit-polyfill
  • Respond.js

1.4.1 HTML5 新元素

以下任意引入一個即可,Amaze UI 官網(wǎng)引的是 Modernizr。

  • Modernizr
  • HTML5 Shiv
1.4.2 Media Query
  • Respond.js
1.4.3 rem
  • REM unit polyfill
1.4.4 box-sizing
IE 8 ignores box-sizing: border-box if min/max-width/height is used.
1.4.5 偽元素
IE 8 只支持 CSS 2.1 規(guī)范中的單冒號語法(:before/:after),不支持 CSS3 的雙冒號語法(::before/::after)。

1.4.6 字體圖標
參見 Bootstrap 中的 issue 及里面提供的解決方法

2.關(guān)于 IE 6/7

Amaze UI 不會支持 IE 6~7。
Issue 列表
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號