《jQuery Mobile入门经典》—— 1.2 支持的设备

简介:

本节书摘来异步社区《jQuery Mobile入门经典》一书中的第1章,第1.2节,作者:【美】Phil Dutson,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.2 支持的设备

jQuery Mobile入门经典
jQuery Mobile能用在什么设备上面呢?几乎所有具有浏览器的设备都可以运行jQuery Mobile(包括台式机)。然而根据所使用的浏览器以及浏览器之下的硬件设备的不同,将获得不同的体验。当然从更深的层次来看,这也与设备所使用的操作系统有关。以下按设备的尺寸从大到小列出jQuery Mobile支持的设备。

1.2.1 台式机、笔记本电脑与一体机

使用jQuery Mobile的网站可以运行在PC、Mac或者Linux计算机上的任何现代浏览器中(注意:“现代”浏览器是指支持HTML5标记和部分CSS3样式的浏览器)。在Firefox、Chrome、Safari或者Opera上浏览移动网站应该可以获得良好的效果,因为它们全都支持某些HTML5标准。您可能偶尔会看到有些圆角未能正确显示为圆角,但大多数情况下,网站显示正常,表现和预想的一样。即使是Chrome Desktop,在jQuery Mobile下也能正常显示和工作。

1.2.2 平板电脑

在平板电脑上使用jQuery Mobile能够获得怎样的体验,不仅取决于支持的浏览器,还取决于平板电脑的处理能力。

许多平板电脑具备一块大的屏幕,这就需要相当规模的处理能力来驱动那块屏幕。这意味着,虽然网站仍然能快速载入并且正确渲染,但一些页面转场动画和对话框弹出动画可能会出现跳帧的情况。这并不一定说明您的网站真的很慢,只是在某些平板电脑上可能会出现卡住或停顿的现象。

为了弄清楚这个问题,我在iPad和iPad2上做了测试,发现所有的特效和页面转场动画和我预想的一样平滑流畅。当在Galaxy Tab 10.1上测试的时候,效果仍然流畅,但我注意到偶有卡住或停顿,或者是当屏幕进行页面转换时,完全没有动画效果。

虽然我没有亲自测试过TouchPad、ZiiO、Playbook或新的Archos平板电脑,但据报道,它们在处理jQuery Mobile应用方面都相当流畅。

1.2.3 智能手机

智能手机数量太多以至不能全部列出,所以这一部分讨论对各种手机操作系统的支持。重申一下,除了有可能不支持某些高级特性和AJAX加载外,jQuery Mobile几乎能够运行在每一种操作系统平台上。这也说明了为什么使用jQuery Mobile是一个明智的选择。它能够支持旧设备并保证网站仍能正常运作,这十分必要。

1.Android
如果使用Android设备上的内置浏览器,所有的高级特性都可以发挥作用,您将看到一系列完整的、美妙的可视化转场效果。值得注意的是,如果使用的是Fennec、Firefox或Opera移动浏览器,可能会遇到一些样式问题和动画缺乏完整支持的问题,但整体的体验应该说还是令人满意。

2.iOS
jQuery Mobile在iPhone上处理的方式真的令人印象深刻。转场效果很平滑,动画效果很流畅,对话框也能完美地弹入和弹出。对iOS上的移动版Safari来说,支持绝对足够。

对第三方浏览器的提醒:使用第三方浏览器应用可能会降低性能,某些情况下会导致AJAX导航失效。这并不是说网站不可以使用,只是没有了友好且平滑的页面转场效果,取而代之的是,网站就像一个标准网站那样载入,使用页面刷新来响应轻触或点击。

3.BlackBerry
BlackBerry操作系统有多个版本,用户的体验会根据所使用的不同版本而有所不同。版本6.0以上具备所有的附加特性,就像Android和iOS的一样。版本5.0看起来还行,但没有了AJAX导航。使用版本4的设备会回退到网站的标准版。这意味着只能看到一个简单样式的网站,它使用页面刷新来导航,缺少漂亮的CSS3样式和转场效果。

Playbook平板电脑运行另外一个独立的操作系统,提供类似于BlackBerry操作系统版本6.0和7.0的体验。

4.webOS
鉴于webOS自身前景黯淡,对其的硬件支持也已经终止,我只想说,版本1.4至3.0都可以支持jQuery Mobile的全部特性。

webOS设备越慢,就越有可能看到跳帧的情况,但仍然可以获得完整的AJAX支持、样式和转场效果。

5.Windows Mobile
Windows Phone 7处理jQuery Mobile没有问题,看起来不错,运行流畅,所有特性都能启用。这是因为具有基于Internet Explorer 9的内置浏览器,它允许用户访问HTML 5和CSS特性。

然而Windows Mobile 6.5就不一样了。Windows Mobile 6.5使用的是旧版本的Internet Explorer浏览器,缺乏特性支持。虽然Windows Mobile团队致力于发布新的Internet Explorer版本,使其对开发者和标准更加友好,但那些使用旧版本浏览器的用户将失去AJAX导航和某些样式。任何在版本6.5以下的Windows Mobile设备将只显示网站的基本版本。

6.电子阅读设备
事实上,这类设备很难确切说明,因为市场上的电子阅读设备实在太多了。

我能告诉您的是,jQuery Mobile支持内置基于WebKit引擎的浏览器的Kindle设备。其他例如Nook Color等运行Android修改版的电子阅读设备同样可以获得良好的支持。

注意,有些使用电子墨水技术的电子阅读设备,在页面载入时需要重画整个屏幕,因此在这些设备上,性能可能会受到影响。

相关文章
|
JavaScript 前端开发 开发者
一篇文章带你用jquery mobile设计颜色拾取器
一篇文章带你用jquery mobile设计颜色拾取器
156 0
一篇文章带你用jquery mobile设计颜色拾取器
|
JavaScript 前端开发 CDN
手把手教你用jQuery Mobile做相册
手把手教你用jQuery Mobile做相册
130 0
手把手教你用jQuery Mobile做相册
|
Web App开发 JavaScript 前端开发
15款优秀的jQuery-Mobile插件
移动互联网迅速发展,PC端的网页并不能完全适应移动端页面需求,响应式设计体验产生并成为潮流。由此也促成了jQuery Mobile的流行。jQuery Mobile这样一款基于jQuery和jQuery UI的框架,继承了jQuery的“write less,do more”精髓,具有良好的扩展性和可定制性,全面兼容各种平台设备,对于不支持的手机类型,也会降级到基础样式。
373 0
15款优秀的jQuery-Mobile插件
|
JavaScript 前端开发 开发者
一篇文章带你用jquery mobile设计颜色拾取器
一篇文章带你用jquery mobile设计颜色拾取器
465 0
|
数据采集 JavaScript 前端开发
手把手教你用jQuery Mobile做相册
手把手教你用jQuery Mobile做相册
800 0
|
JavaScript 前端开发 Android开发