使用Jo和PhoneGap构建本地移动应用程序资源-CSDN文库

120 浏览量 2021-02-26 14:25:30 上传评论收藏 552KB PDF 举报

资源推荐

资源详情

资源评论

使用使用Jo和和PhoneGap构建本地移动应用程序构建本地移动应用程序

使用 HTML 和 JavaScript 代码开发 Android 应用程序

移动应用程序开发正在飞速发展；一部分原因是出现了可以简化开发的新框架，这种新框架也使传统 web 开发人员可以更快

上手。本文将介绍如何利用您已经掌握的 HTML、CSS 和 JavaScript 技能和两种新框架来开发本地移动应用程序，这两种框

架分别是 Jo 和开源的 PhoneGap，后者使您能够利用最流行的移动平台上的一些本地特性。

移动 web 或移动应用程序？

移动应用程序开发基本上可以分为两类：web 或本地。移动 web 应用程序开发与传统 web 开发差不多，区别在于前者针对移

动平台。您的应用程序存储在 web 服务器上并由其提供服务，然后由移动 web 浏览器消费。可以预料到，浏览器上可供使用

的资源和功能非常有限。将这一点与本地开发相比，后者使您能够利用移动操作系统的核心特性。因此，移动 web 应用程序

开发鼓励您使用浏览器，而本地移动应用程序开发鼓励您使用移动操作系统。

构建本地移动应用程序为开发人员带来了更多的可能性。过去，您需要掌握多种语言和应用程序编程接口（API），在多个平

台上构建移动应用程序。现在，您再也不需要这样做了。

本文将介绍 Jo 和 PhoneGap 的基本用法。Jo 是一个轻量级框架，提供广泛的跨平台支持，并与其他框架实现了良好的集

成。PhoneGap 对于构建本地应用程序非常关键，因为它的作用类似于一个桥梁，能够利用移动平台的所有核心特性，同时保

留面向 HTML、CSS 和 JavaScript 代码的开发环境。

Jo 是什么？

Jo 是一种新框架，由 Dave Balmer 从 Palm 开发而来。它是一种极为轻量级的 HTML5 移动 web 应用程序框架，提供丰富的

平台支持，包括 HP webOS、Apple iOS、Android、Symbian，甚至是 Mac OS?X Dashboard 小部件。尽管 Jo 目前仍然在

积极的开发当中，但是它十分适合进行移动 web 应用程序开发。它的大小和特性集非常友好，使您能够将注意力放在核心概

念上。

Jo 有哪些功能？

下面的例子将构建一个简单的基于卡的布局，展示 Jo 的一些重要特性，帮助您快速开始开发应用程序。

开始

首先，确保拥有一个合适的支持 HTML5 的浏览器，将其作为开发环境。Safari 和 Chrome 是两个最适合 Jo 开发的浏览器。

使用这些浏览器提供的控制台调试脚本，设置断点并转储数据以供检查。其次，从 GitHub（参见参考资料）下载 Jo 源代码

并提取到您的本地 web 服务器的根目录。将提取后的目录重命名为更具体的名字，例如 Jo。现在，浏览 Jo 的示例页面

http://localhost/jo/samples/test.html，将看到类似图 1 所示的屏幕。

图 1. Jo Kitchen Sink Demo

现在，您已经下载并解压缩了 Jo，下一步是构建自己的 Jo 应用程序。首先在您的 web 根目录中创建两个文件：index.html 和

application.js。index.html 文件包含清单 1 所示的代码。

清单 1. 样例应用程序的索引页

剩余10页未读，继续阅读

内容反馈

weixin_38740201

粉丝: 7
资源: 949

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip