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

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修改版的电子阅读设备同样可以获得良好的支持。

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

时间: 2024-09-11 19:32:25

《jQuery Mobile入门经典》—— 1.2 支持的设备的相关文章

《jQuery Mobile入门经典》—— 1.1 为什么要使用jQuery Mobile

1.1 为什么要使用jQuery Mobile jQuery Mobile入门经典 世界正在变得可移动化.根据预测,移动网站的流量在未来几年将会超越桌面网站的流量.即使是现在,随处可以见到人们在使用移动设备来学习.购物.比价,以及在等待约会时作为消遣.移动设备如此方便,可以随意带到任何地方. 来看一下您是如何使用当前的移动设备的.即使您只拥有一台iPod Touch,我敢打赌,您肯定会通过它查看邮件.查找天气预报并且浏览少量的网页.至于您已经安装的应用,其中一部分很有可能或已经是设计精巧的Web

《jQuery Mobile入门经典》—— 第 1 章 了解jQuery Mobile

第 1 章 了解jQuery Mobile jQuery Mobile入门经典 本章将学习: 为什么要使用jQuery Mobile: 什么设备支持jQuery Mobile: 有助于开发网站的工具. 我很高兴您对jQuery Mobile感兴趣并开始学习它.首先,我们开始一个简短的讨论,看看为什么您要考虑投身于移动设计,以及为什么jQuery Mobile是最好的解决方案. 然后,您会了解到jQuery Mobile支持的不同类型的设备,并快速浏览一下jQuery Mobile支持的操作系统.

《jQuery Mobile入门经典》—— 1.3 开发者的宝库

1.3 开发者的宝库 jQuery Mobile入门经典 既然已经了解jQuery Mobile可以运行在几乎所有连接到网络的设备上,您可能会问一些问题,例如: 我要用什么编程语言来创建移动网站? 如果有的话,什么集成开发环境(IDE)可用于开发? 我需要安装Web服务器来开发移动网站吗? 我应该在什么平台上开发移动网站? 我可以使用免费工具做开发吗?或者开发工具会涉及费用吗? 这些都是实际而重要的问题.作为开发者,应该知道哪些工具可以使用.下面来回答每一个问题并对其进行扩展,使您明确知道开发者

《jQuery Mobile入门经典》—— 1.4 总结

1.4 总结 jQuery Mobile入门经典您已经认识到要开始开发移动网站的重要性,以及为什么应该使用jQuery Mobile来开发. 您现在对jQuery Mobile支持的设备有了基本的了解,并对计划准备这些设备有了一个整体的认识. 最后,您还了解了用于开发的各种工具,包括编程语言.IDE和Web服务器. 有了这些知识,现在应该可以着手准备进行移动开发了,也可以去找找看哪些工具您用得顺手.

《jQuery Mobile入门经典》—— 2.6 测验

2.6 测验 jQuery Mobile入门经典测验包含下列问题和练习,帮助您检查理解和掌握的程度. 2.6.1 问题 1.已经被弃用的HTML标记仍然能在HTML 4 strict文档类型中使用吗? 2.为什么不推荐使用内联样式? 3.JavaScript当前可以用来做鼠标轨迹和动态的眼睛或其他事情吗? 4.什么版本的HTML包含对CSS的支持? 5.对或错:使用JavaScript操纵未被解析并载入文档对象模型的对象会导致抛出错误,从而使JavaScript运行失败. 2.6.2 答案 1.

《jQuery Mobile入门经典》—— 1.6 测验

1.6 测验 jQuery Mobile入门经典测验包含下列问题和练习,帮助您检查理解和掌握的程度. 1.6.1 问题 1.判断:jQuery Mobile只运行在移动版的基于WebKit引擎的浏览器上. 2.判断:jQuery Mobile基于纯JavaScript,不需要使用任何其他JavaScript库或框架. 3.判断:jQuery是一个有名的.获得广泛支持的框架. 1.6.2 答案1.错.jQuery Mobile不只是运行在移动版的基于WebKit引擎的浏览器上,同样在移动版的Ope

《jQuery Mobile入门经典》—— 导读

前言 jQuery Mobile入门经典毫无疑问,当前我们在获取.使用和分享网上的资源时,所采用的方式正在不断变得越来越移动化.每个月都会有数以千计的新智能手机被激活,并被它们的主人带到包括杂货店或山野远足在内的每个地方.随着我们对网络连接的渴求延伸到了几年之前还不能到达的区域,我们需要可以简单快速传递信息的网站,而且不管我们使用何种设备访问网站,它都可以正常运作.而这一切可以使用jQuery Mobile做到. jQuery Mobile基于流行的.稳定的jQuery框架而构建,可以用来将现有

《jQuery Mobile入门经典》—— 2.1 使用HTML创建内容

2.1 使用HTML创建内容 jQuery Mobile入门经典HTML是Web的基本构件.它是支撑整个网站的框架结构,也是让您随意扩展网站的基础.HTML自诞生以来已经取得长足的进步,并将继续演进和发展. 2.1.1 HTML的作用 在层叠样式表单(CSS)引入之前,HTML标记处理所有东西.图像.文本.布局以及滚动的文本,几乎所有东西都由HTML标记来表示.您可能还记得在浏览器中查看源代码时,看到许多用于布局用途的   字符实体. 随着开发者热切期望探索新的领域并推动语言的发展,事情不断变得

《jQuery Mobile入门经典》—— 2.2 展现CSS样式

2.2 展现CSS样式 jQuery Mobile入门经典层叠样式表单用来把平淡无奇的内容转换成为令人兴奋和着迷的体验.可以使用几种不同的方式把样式添加到网站中. 当在style标记或外部文件中添加CSS样式时,可以在单独的一行中书写CSS样式,也可以把它分解成段落的格式. 不熟悉CSS的开发者通常喜欢段落的格式,而熟练的开发者可能使用单独的一行并附带空格或制表符来表示样式和布局的层级. 尽管我确实喜欢某一种格式的风格,不过当所有都完成的时候,我会压缩我的CSS样式以在真实环境中使用,所以保持C