怎样使用phonegap开发第一个手机程序

2024-11-27 10:06:36

PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。
本文展示了怎样使用PhoneGap创建第一个程序。

操作方法

01

下载安装最新版本的PhoneGap，分为Windows和mac版本，注意选择
02

下载安装PhoneGap app，同样，注意选择版本
03

接下来，开始创建默认的Hello World项目。首先，打开电脑上已安装好的软件，点击加号，选择Create new PhoneGap project。
04

屏幕上将弹出选择项目创建信息的窗口，包括路径（Local path），名称（Name）和标识符（ID，可不填）。分别填入后，点击绿色创建项目（Create Project）按钮。
05

创建好的项目将如下图所示。注意：在底部绿色栏中显示的服务器地址将在下一步中使用，请记录一下
06

项目创建完成后，可以用手机预览一下效果。点击进入手机上的服务器地址，点击连接（connect）。您应该能看到一个显示连接成功的消息。如果提示错误，请确保您的手机和计算机接入了同一网络。
07

连接成功后，会加载如下界面
08

现在我们修改一下代码看看效果。用文本编辑软件打开www文件夹下的index.htm文件，~/appSample/www/index.html。修改一下显示文字好啦，在图示位置把<h1>PhoneGap</h1> to <h1>Hello PhoneGap</h1>，保存。
09

现在看看手机，屏幕的显示已经不同了。

赞 (0)

微信小程序开发实战教程: 手把手教你开发跑步微信小程序

微信小程序正式上线,很多地方在刷屏,我们可以看见很多人都在使用微信小程序,但是不少用户不会微信小程序怎么开发?下面我们的小编带来微信小程序开发实战教程,手把手教你开发跑步微信小程序,随着小编一起来了解 ...
windows phone 配置PhoneGap开发环境(wp7 phonegap 开发环境)图文教程

因为工作pc装的是windows 7，安装wp8的开发环境需要64bit windows8 , 所以这里以配置wp7 phonegap 开发环境举例。 1. 安装好windows phone SDK ...
微信小程序是什么语言开发的微信小程序的开发语言介绍

微信小程序是什么语言开发的?最近有王者荣耀官方推出了微信小程序,受到玩家们很好的反响,那么小程序的开发语言用的什么呢,下面给大家带来微信小程序语言开发详解. 微信小程序是什么语言开发的: 首先我们先说 ...
怎么在安卓手机中查看手机程序使用记录？

如今我们的生活已经离不开手机了,如果我们想要查看手机中程序的使用记录应该如何操作呢?今天,小编就教大家在安卓手机中查看手机程序使用记录.具体如下:1. 我们在手机中打开拨号功能,如图.2. 之后在输入 ...
微信小程序如何开发（微信小程序制作流程）

微信小程序如何制作开发,这几年微信小程序的热度越来越高,很多的企业对于微信小程序的认可度增加了不少,都想给自己的公司开发一个微信小程序,那么微信小程序应该如何开发呢?这里和大家介绍一下,目前小程序的开 ...
图解如何利用C#开发Windows窗体应用程序

本篇将和大家介绍如何利用C#开发Windows窗体应用程序,希望对大家的工作和学习有所帮助! 操作方法 01 在Visual Studio2017开发环境中选择"文件"→" ...
如何清除手机程序上的数据

操作方法 01 手机程序越来越多,数据也越来越多,时间长了,手机内会有过多的数据,影响手机的运行. 下面演示怎么清除,手机应用程序的数据. 02 选择菜单键 -- 进入设置. 03 弹出的列表中选择 ...
手机程序经常性闪退怎么办

手机经常性闪退是一件令人烦心的事情,今天为大家讲解一下如何解决手机程序经常性闪退的问题. 操作方法 01 手机长时间不清除缓存垃圾,会使手机运行变慢,手机程序就会出现闪退的情况,这时就要清理手机的缓存 ...
怎样将已安装手机程序传给其他手机

想要将已安装的手机程序传给其他手机,其实很简单.只需要两台手机都安装了QQ,并且两个QQ是好友关系就可以.接下来小编就告诉大家两台手机如何传输应用程序. 操作方法 01 首先打开QQ,点击QQ头像.然 ...