使用Phonegap快速开发应用程序

Question

我已经阅读和分析了一些使用Phonegap创建应用程序的示例，并且我已经看到，如果我在Eclipse中使用模拟器，整个开发过程将非常缓慢。

我想也许我可以在普通浏览器上开发所有的JavaScript和模板的东西，在那里调试非常快，并创建屏幕，然后，当有一些特殊的东西在手机上使用时，如相机或数据库，然后将整个项目复制到资产/www文件夹，并在那里进行最终的实现。

你在想什么？这是可能的吗，还是我错过了什么？

Answer 1

你说得对，比如你可以..

1. 使用HTML5、javascript和css将其创建为web应用程序；
2. 使用类似jQuery移动设备的库，您将创建一个单页面应用程序(在index.html中)，jQuery移动设备将提供许多有用的手机UI功能(这将在不同的手机浏览器上工作-这意味着phonegap可以创建针对不同平台的应用程序)；
3. 在浏览器中测试它；
4. 在Chrome浏览器中添加波纹仿真器，以测试手机模拟器中的外观和功能；

<代码>H19将其测试为将在手机上运行的web应用程序；按照您的建议

1. ，将所有web应用程序文件复制到www文件夹。
2. 现在添加phoneGap功能，构建应用程序并开始在真实手机上进行测试；

我发现，通过首先将其作为web应用程序进行开发和测试，我可以更快地获得用户反馈并修复错误。这是一种快速构建手机应用程序的好方法。

Answer 2

对于Android开发，你真的需要使用实际的设备。模拟器在iOS上运行得很好，但是安卓模拟器慢得让人痛苦，而且和实际的终端用户体验不太一样。

不过，使用桌面浏览器是正确的-刷新网页比运行完整的构建要快得多。

我使用jekyll --auto --server生成应用程序HTML，所以桌面预览总是在http上，这使得检测phonegap相当容易。

下面是我的应用启动代码-完整的工作代码在https://github.com/tqc/ChondricJS/blob/master/src/app.js

    if (settings.mightBePhoneGap && document.location.protocol == "file:") {
        // file protocol indicates phonegap
        app.isPhonegap = true;
        app.platform = "cordova";
        document.addEventListener("deviceready", function() {
            console.log("appframework deviceready");
            console.log(device.platform);
            app.isSimulator = device.platform.indexOf("Simulator") > 0;
            $(initInternal);
        }

        , false);
    } else {
        // no phonegap - web preview mode
        app.platform = "web"

        $(initInternal);
    }

在你的应用程序代码中，检查app.platform，这样你就不会试图从桌面浏览器调用任何插件，因为桌面浏览器将不会提供这些插件。

Answer 3

这就是NS Basic/App Studio背后的想法。它提供了一个很好的集成开发环境，具有拖放设计屏幕、jQuery移动对象模板和通用库。它生成一个可以在浏览器中测试的web应用程序，然后有一个使用PhoneGap的Make应用程序选项。

你可以用JavaScript编程，也可以用很像VB的Basic方言编程。

(披露-我为NS Basic工作。制作这个产品非常有趣！)