使用The PhoneGap Developer App实现快速调试项目

如今,基于 PhoneGap 的混合 APP 开发技术更加成熟,优势更加凸显。移动互联网的迅猛发展,Android 和 iOS 的版本快速迭代,使 HTML5 的性能问题逐步解决。仅仅在 PhoneGap 官网上,已经有来自第三方开发者提交的数百项插件,涵盖了 APP 开发的各个方面,大大扩展了 PhoneGap 的功能体系。

PhoneGap 官方推出了新的调试工具 The PhoneGap Developer App 。这是一款由 PhoneGap 开发的APP ,安装在手机上后,可以通过 PhoneGap 内置的服务器直接加载电脑上的项目运行,无需反复编译,实现实时的调试效果。不仅仅如此,该 APP 封装了常见的十几款插件,编写代码时可以直接调用插件的 API 来实现与设备的交互。

好了,现在介绍如何使用这一强大的工具。

首先,请安装 PhoneGap 命令行工具:

npm install phonegap -g

如果已经安装了但 PhoneGap 版本低于3.6,建议升级到高版本。根据我的测试,The PhoneGap Developer App 对低版本的 PhoneGap 支持有些问题。

第二步,下载 The PhoneGap Developer App 安装到手机上,官方提供了 Android 、 iOS 和 Windows Phone 三个版本。

Android 版的在 Google Play 上,下载不太方便,我转存了一个版本,可以扫描下面的二维码下载:

iOS 和 Windows Phone 请到官网直接下载:

http://app.phonegap.com/

第三步,创建 PhoneGap 项目,并启动服务器:

第四步,在手机上打开 APP ,输入上面的 IP 地址,点击 connect ,项目将会自动加载并显示。

好了,现在开始体验强大的实时调试吧!

初始界面

加载APP后的界面

修改 www 目录下的任何文件,APP 将会自动刷新并显示修改效果。

项目目录列表

www目录列表

尝试调用插件:

navigator.notification.alert(‘你好世界‘);

插件效果

时间: 2024-12-04 11:04:08

使用The PhoneGap Developer App实现快速调试项目的相关文章

phonegap开发app中踩过的那些坑

把遇到的问题列出来,如果有解决方案的,偶也会写下来,如果大家有更好解决方法的,欢迎留言噢 phonegap 2.9无法触发deviceready事件 亲们可以看下控制台有木有报错,如果有提示cordova_plugins.json 404 (Not Found) ,就在www目录下新建个空文件,命名为cordova_plugins.json就好了,cordova初始化的时候会请求这个文件,但po主还没发现这个文件有啥用,但是没有这个文件的话,cordova初始化失败,自然不会触发devicere

iSensor APP 之 摄像头调试 OV3640 OV2640 MT9d112

iSensor app 非常适合调试各种摄像头,已测试通过的sensor有: l  OV7670.OV7725.OV9650.OV9655.OV9653.OV5642.OV5640 l  MT9T001.MT9M001.MT9P031 今天又测试了上述几款新的型号,之前并未用过. OV3640 OV2640 MT9d112 先看OV2640,200w像素 首先可以查到该sensor配置寄存器地址为0x60,寄存器格式为地址8bit,数据8bit,格式与ov7725一致,于是按照ov7725配置文

iSensor APP 之 摄像头调试 OV5642

iSensor APP 之 摄像头调试  OV5642 iSensor app 非常适合调试各种摄像头,已测试通过的sensor有: l  OV7670.OV7725.OV9650.OV9655.OV9653.OV5642.OV5640.OV5620 l  MT9T001.MT9M001.MT9P031.MT9V032.MT9V034.MT9D001.MT9D112.MT9D111 等 今天又重新测试了下OV5642,特此留下文档,已说明整个isensor使用过程不同sensor. 先看OV56

Android快速调试方法

Android快速调试方法 前言:目前市面上OTT网络机顶盒几乎全部使用Android系统,公司目前是多个人使用一个编译服务器,编译一次Android系统花费时间较长,调试Android某一部分功能时候就不得不编译整个Android系统来调试,严重降低了工作开发效率,巧合之下看到公司大牛写的Android调试方法,放与网络与大家参考学习. 公司网络机顶盒(OTT)盒子使用Amlogic提供的芯片,下面就以amlogic Android系统为例. 1 Uboot快速调试方法 1.1 编译 #! /

Android UiAutomator 快速调试

背景:在Eclipse中不能直接运行Uiautomator工程,所以每次编写一份用例都要进行手动输入命令创建build文件.ant编译文件.push文件与运行测试这四步.调试起来不仅繁琐还浪费时间.网上找到一份快速调试的代码UiAutomatorHelper,可将这几步进行简化很方便. 步骤:将UiAutomatorHelper.java放到工程目录下(与测试脚本同步目录),在测试脚本中写个main方法.然后Run as ->java application即可 1 package com.ch

iSensor APP 之 摄像头调试 OV9655 测试之二

参考上一篇博客 iSensor APP 之 摄像头调试 OV9655 本次链接主要介绍,使用ov9655输出QVGA格式,320*240  YUV输出,图像效果还不错,用户可以参考此模板改变分辨率,不同的分辨率进行测试. 直接上图看效果 对于要输出RGB.或者RAW,需要参考手册,修改,我只测试了YUV,RGB

iSensor APP 之 摄像头调试 MT9D001 MT9P031 测试小结 200万像素和500万像素摄像头

iSensor APP 之 摄像头调试  MT9D001 MT9P031 测试小结 iSensor app 非常适合调试各种摄像头,已测试通过的sensor有: l  OV7670.OV7725.OV9650.OV9655.OV9653.OV5642.OV5640.OV5620 l  MT9T001.MT9M001.MT9P031.MT9V032.MT9V034.MT9D001.MT9D112.MT9D111 等 今天又重新测试了下MT9D001C12STC,MT9P031C12STC特此留下文

iSensor APP 之 摄像头调试 OV9655

iSensor APP 之 摄像头调试  OV9655 iSensor app 非常适合调试各种摄像头,已测试通过的sensor有: l  OV7670.OV7725.OV9650.OV9655.OV9653.OV5642.OV5640.OV5620 l  MT9T001.MT9M001.MT9P031.MT9V032.MT9V034.MT9D001.MT9D112.MT9D111 等 今天又重新测试了下OV9655,特此留下文档,已说明整个isensor使用过程. 先看OV9655,130w像

iSensor APP 之 摄像头调试 OV5642 续集2

参考上一篇博客 作为续集,主要测试 RAW格式下的 不同分辨率效果 iSensor APP 之 摄像头调试 OV5642 直接上图吧 720p 拍照效果