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

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

《jQuery与JavaScript入门经典》——导读 实际上，在您阅读本书期间，互联网上将新增数百万个网页。这些网页大多是使用HTML 编写的，它们使用 CSS 设置元素的样式，并使用 JavaScript 实现用户和后端服务之间的交互。
《jQuery与JavaScript入门经典》——2.8 作业 本节书摘来自异步社区《jQuery与JavaScript入门经典》一书中的第2章，第2.8节，作者：【美】Brad Dayley著，更多章节内容可以访问云栖社区“异步社区”公众号查看
《jQuery与JavaScript入门经典》——2.7 问与答 就Cookie调试而言，您只需知道是否启用了Cookie、浏览器设置了哪些Cookie、这些Cookie的值是什么以及它们什么时候到期。这些信息都可在Firebug的Cookies选项卡中找到。Chrome和Internet Explorer在开发人员控制台中提供了类似的功能。
《jQuery与JavaScript入门经典》——2.6 小结 您还完成了多个调试HTML、CSS和JavaScript问题的示例。您在本章学到的调试方法对阅读本书以及开发项目很有帮助，因为这些方法有助于消除常见的简单语法错误，为您节省大量时间，避免令人沮丧的情况发生。
《jQuery与JavaScript入门经典》——2.5 分析网络流量 如果单击“网络”标签上的下拉箭头，将看到一个禁用浏览器缓存的选项。为调试并修复问题而更新了Web服务器上的文件时，这个选项很有用。选择该选项后，浏览器总是从Web浏览器获取最新的内容。
《jQuery与JavaScript入门经典》——2.4 调试jQuery和JavaScript 前面介绍了如何在JavaScript控制台中查找JavaScript和其他脚本的错误。如果脚本并未导致浏览器错误，只是运行方式不符合预期，该如何办呢？Firebug集成了一个优秀的调试器，可助一臂之力。
《jQuery与JavaScript入门经典》——2.3 调试CSS 如果JavaScript或jQuery脚本修改了DOM元素的CSS布局，查看Web浏览器中的代码不会有任何帮助，而需要查看浏览器应用于元素的CSS。为此，需要结合使用CSS检查器以及HTML检查器中的布局检查器和样式检查器。
《jQuery与JavaScript入门经典》——2.2 调试HTML元素 启用该选项后，树视图将切换到文本编辑器视图，让您能够直接在浏览器中编辑HTML代码。浏览器将根据您所做的修改调整渲染结果。虽然这不会修改项目中的代码，但使用这项功能尝试不同的修改要容易得多。将问题修复后，您可复制编辑器中的代码，再将其粘贴到项目文件中。
《jQuery与JavaScript入门经典》——第 2 章 调试jQuery和JavaScript网页 2.1JavaScript控制台 编写JavaScript和jQuery应用程序时，面临的一项重大挑战是找出并修复脚本中的问题。简单的语法错误和无效值可能令您万般沮丧，浪费您大量时间。有鉴于此，出现了一些卓越的工具，可帮助您快速而轻松地找出脚本中的问题。
《jQuery与JavaScript入门经典》——1.5 作业 本节书摘来自异步社区《jQuery与JavaScript入门经典》一书中的第1章，第1.5节，作者：【美】Brad Dayley著，更多章节内容可以访问云栖社区“异步社区”公众号查看
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区，也是国内领先的IT专业图书社区，致力于优质学习内容的出版和分享，实现了纸书电子书的同步上架，于2015年8月上线运营。公众号【异步图书】，每日赠送异步新书。