Amaze UI 对 IE 8/9 等浏览器只提供有限的支持。

看见就非常 2015-01-23

展开全文

分级浏览器支持（GBS）

GBS 是 YUI 团队提出的应对日益增长的浏览器兼容问题的思路，详情可以查看 YUI 相关页面。

Amaze UI GBS 描述

A 级：最高支持级别，充分利用 H5 和 CSS3 等技术，提供最优的视觉和交互效果。
B 级：有限支持，基本的样式和正常的交互，不考虑视觉、交互效果。
C 级：核心支持，显示语义化的 HTML 标记渲染的内容，不考虑样式和行为。
X 级：未知、零散的很少使用或已经停止开发的浏览器，可能不支持，也可能支持。

Amaze UI GBS

按照国际惯例，Amaze UI 提供对主流浏览器（系统）最近两个稳定版本的全面支持。结合国内实际情况，一些浏览器的支持缩减为最新正式版，IE 则对更老版本做了有限支持。

Amaze UI 对浏览器做了一个粗略分级，优先支持 A 级浏览器。

由于资源有限，无法列出所有的浏览器，使用 WebKit 的浏览器只要不乱修改内核，理论上应该都支持。

关于浏览器功能支持的更多细节请参考 Can I use（UC 浏览器的数据已经被收录，不知是喜是忧）。

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
Stock¹	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
360浏览器	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 - 最新的两个稳定版本；L1 - 最新稳定版本。
1 安卓系统自动浏览器，由于部分厂商对浏览器做了修改，列为 X 级。

参考链接：

iOS Version Stats

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）；
模态窗口（Modal）；
弹出框（Popover）；
图片轮播（Slider）；
侧边栏（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 相关 Issue 将列为 `P4`(最低优先级，可能不会处理)。

需要支持 IE 8 的用户请使用条件注释引入 amazeui.legacy.js，并引入相关的 polyfill。

Copy

<!--[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]-->