本节书摘来异步社区《jQuery Mobile快速入门》一书中的第1章,第1.4节,作者:【美】Brad Broulik,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1.4 渐进式增强
jQuery Mobile快速入门
jQuery Mobile可以为一个设备呈现出可能是最优雅的用户体验。例如,我们来看图1-7中的jQuery Mobile开关控件。这是A级(A-Grade)浏览器1上的一个开关控件。
jQuery Mobile可以呈现出应用了完整CSS3样式的控件。而图1-8是同一个开关控件,只不过它是在一个比较老的C级浏览器2上呈现出来的。C级浏览器不能呈现完整的CSS3样式2。
重要:
尽管从视觉上来讲,C级的体验并不是最吸引人的,但是它可以演示平稳降级的有效性。随着用户升级到较新的设备,C级浏览器市场最终会减小。但是在C级浏览器退出市场之前,当运行jQuery Mobile app时,仍然可以得到实用的用户体验。
本地应用程序并不能总是平稳地降级。在大多数情况下,如果你的设备不支持本地app特性(feature),甚至不能下载app。例如,iOS 5中的一个新特性是iCloud存储,这个新特性使多个设备间的数据同步更为简化。出于兼容性考虑,如果创建了一个包含这个新特性的iOS app,则需要将app的“minimum allowed SDK”(允许的最低SDK)设置为5.0。当我们的app出现在App Store中时,只有运行iOS 5.0或者更高版本的用户才能看到。在这一方面,jQuery Mobile应用程序更具灵活性。