快速开发应用程序Phonegap

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

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

你有什么事？会是这个可能，还是我错过了什么？

来源

2012-11-16 Niko Nik

你是对的，比如你可以..

使用HTML 5创建为一个Web应用程序，JavaScript和CSS;
使用像jQuery Mobile这样的库，您将创建一个单页的应用程序（在index.html中），jQuery Mobile将提供大量有用的手机UI功能（这将在不同的手机浏览器上工作 - 这意味着phonegap可以创建针对不同平台的应用）;
在浏览器中测试它;
将纹波仿真器添加到Chrome浏览器以测试手机仿真器的外观和功能;
将其测试为可在手机上运行的网络应用程序;
按照您的建议，将所有网络应用程序文件复制到www文件夹中。
现在添加phoneGap功能，构建应用程序并开始在真实手机上测试它;

我发现，通过首先开发和测试它作为一个web应用程序，我可以更快得到用户反馈并修复错误。这是快速构建电话应用程序的好方法。

来源

2012-11-16 10:25:35

快我有巨大的麻烦，无论我做什么我无法获得大部分功能来工作..所有返回'不能调用未定义的嘟嘟声的方法'，但其中一些可以在我的手机中工作。但大多数不工作在任何地方。 –

这是一个版本的问题 –

对于Android开发，您确实需要使用实际的设备。模拟器可以很好地适用于iOS，但是Android模拟器非常慢，并且不像实际的最终用户体验。

尽管您正在使用桌面浏览器的正确轨道 - 刷新网页比运行完整构建要快得多。

我使用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所以你不要尝试调用任何插件形成的桌面浏览器，不会有这些插件可用。

来源

2012-11-16 10:30:35

这就是NS Basic/App Studio背后的想法。它给你一个漂亮的IDE，带有拖放设计屏幕，jQuery Mobile对象模板和公共库。它生成一个可以在浏览器中测试的Web应用程序，然后使用PhoneGap选项创建应用程序。

您可以使用JavaScript编程或使用VB编写的非常类似VB的方言。

（披露 - 我为NS Basic工作，制作这款产品非常有趣！）

来源

2012-11-16 14:32:06 ghenne

的最佳解决方案，但第一行的“在Windows上开发”是我的:-) –

我们在这里是巨无霸球迷的问题，但没有原生版本。它与Parallels，VMWare等运行良好。 – ghenne

好消息！我们现在也发布了本地Mac版本！ – ghenne

你可以使用这个应用程序来简化开发！