2014年Android教程之开发移动 Web Ajax 应用.pptVIP

Android教程之开发移动 Web Ajax 应用 简介 手机浏览器与 WebKit 手机浏览器上的 Ajax WebKit 博客 清单 1. Feed 类 清单 2. News 类 清单 3. Item 类 清单 4. web.xml 配置文件 Ajax 构建的用户接口 清单 5. index.html 文件 清单 6. loadEntries 函数 清单 7. addEntry 函数 使用本地存储进行缓存 清单 8. 保存到本地存储 清单 9. 从本地存储加载数据 清单 10. 添加缓存到 loadEntries 函数 1 AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG 简介 尽管受到媒体追捧，但是开发移动设备应用很多年来一直都是高投入、低回报的工作。 基于 iPhone OS 和 Google Android 的最新一代智能手机提供了一个更简单的应用开发方法：Web 应用。 这种一次编译就可以支持所有设备的方法可以降低开发成本。更重要的是， 所有这些高端设备都具备支持高级 HTML、JavaScript 和 CSS 的超现代的浏览器。在本文中， 我们将学习如何开发充分利用现代智能手机功能的广泛使用 Asynchronous JavaScript and XML (Ajax) 技术的应用。 我们将不仅能了解到如何发挥这些设备的最大功效，同时还能学习到如何处理它们之间的细微差别。 2 本文阐述如何开发一个运行在 Apple iPhone 以及基于 Android 的智能手机上的移动 Web 应用。 开发这些设备上的移动 Web 应用，我们不能使用平常的桌面浏览器，至少不能完全只使用桌面浏览器。 我们还需要模拟器或实际的设备。对于 iPhone 来说，我们需要使用 iPhone 模拟器。它是 iPhone SDK 的一部分。本文所使用的是 iPhone SDK 3.1。类似地，我们也需要使用 Android SDK。它包含了一个 Android Virtual Device 管理器，这个管理器可以用来创建运行各个 Android 版本的 Android 模拟器。 其中本文使用的是 Android SDK 2.1。本文所用到的大部分代码是 JavaScript 代码，以及一些 HTML 和 CSS。 此外，应用还有一个使用 Java™ 实现的服务器端。这并不是强制性要求的，和其它的 Web 应用一样， 我们可以自己选择使用任意的服务器端技术。我们需要使用 Java 1.6 来运行本文所开发的应用。 另外我们还需要使用 Jersey，它是 JAX-RS 的参考实现，以及所有相关的 Java Archive (JAR) 文件。 3 手机浏览器与 WebKit 移动设备很多年就有 Web 浏览器了。然而，由于 Web 开发人员必须处理跨浏览器支持问题， 因此开发浏览器应用一直是很困难的。开发人员需要花费很多的时间来实现 HTML、JavaScript 和 CSS 在不同版本的浏览器上运行完全一致，如 Internet Explorer、Mozilla Firefox、Safari 等。 而桌面浏览器的问题几乎与手机浏览器中的问题如出一辙。不同版本的手机浏览器也是多得惊人。 每个设备制造商都拥有各自的浏览器，甚至来自相同厂商的设备在操作系统、屏幕大小等方面都有很大的差别。 有些浏览器只支持 WAP，而有一些则支持部分的 HTML，还有一些完全支持 HTML，但不支持 JavaScript。 幸好，现在情况已经大不相同了。到 2010 年 1 月，美国有超过 80% 的移动互联网流量都是通过 iPhone 或 Android 手机产生的。这两种操作系统不仅都是使用 WebKit 进行 HTML/CSS 渲染， 而且它们都是一样积极地使用 HTML 5 标准所采用的 JavaScript 引擎。没错。 移动领域的主流浏览器现在都使用了开放标准。这是 Web 开发人员所遇到的最好时机。 4 浏览器之间还是存在差别的，即使是不同版本的 iPhone 和 Android 也不例外。 其中 Android 浏览器差别最大。在 2.0 之前版本的 Android 上，Android 浏览器使用的是私有的 Google Gears 技术。虽然 Gears 有很多优秀的创新技术，现在已经包含在 HTML 5 标准中了。 然而，这意味着在很长的一段时间里，Android 浏览器是不支持其中一些 HTML 5 标准的， 但是我们还是能够使用 Gears 来实现一部分功能。本文的所有代码都是基于 HTML 5 标准并且是可以正常运行在 Android 2.0+ 或 iPhone 3.0+ 上的。 既然我们已经