Jquery 测试和调试HTML5手机游戏的开发平台/模拟器

Jquery 测试和调试HTML5手机游戏的开发平台/模拟器,jquery,html,visual-studio-2010,cordova,jquery-mobile,Jquery,Html,Visual Studio 2010,Cordova,Jquery Mobile,我正在使用three.js、HTML5和JQuery Mobile开发一个游戏。我最终将使用PhoneGap将我的代码编译成一个应用程序,然后上传到Google Play和Apple app store。我需要的是某种IDE,它允许我在开发手机时测试游戏,这样我就可以看到它是如何作为一个应用程序工作的。我不知道在手机浏览器或模拟器上检查是否是最好的方法。我想确切地知道我的应用程序将如何在Android设备上运行,这样我就可以确保当它部署到商店时,它将按预期工作 我更喜欢VisualStudio,

我正在使用three.js、HTML5和JQuery Mobile开发一个游戏。我最终将使用PhoneGap将我的代码编译成一个应用程序,然后上传到Google Play和Apple app store。我需要的是某种IDE,它允许我在开发手机时测试游戏,这样我就可以看到它是如何作为一个应用程序工作的。我不知道在手机浏览器或模拟器上检查是否是最好的方法。我想确切地知道我的应用程序将如何在Android设备上运行,这样我就可以确保当它部署到商店时,它将按预期工作

我更喜欢VisualStudio,但任何其他IDE/开发平台,如果能够在我的实际Android设备上很好地模拟甚至直接运行我的代码,那就太好了。我希望能够测试这个游戏,看看它是如何通过手势工作的,所以能够在我的手机上运行它将是更好的解决方案

同样,我更喜欢VisualStudio,但任何其他IDE/模拟器也可以


谢谢

首先让我们从Visual Studio开始,不,你不能使用它,理论上是的,但实际上不是。虽然你可以在Visual Studio中创建混合android应用程序,但你需要每月支付25/35美元才能使用它。即使这样,你也不能使用Phonegap插件。如果金钱和插件的不存在对你来说不是问题,那么就采用这个解决方案

在任何其他情况下,让我们看看其他解决方案。因为您使用的是windows平台,所以让我们讨论一下兼容的解决方案

目前用于Android应用程序开发的最佳Windows IDE(无论是本机应用程序还是混合应用程序)是。如果您不介意在后台使用Java,那么IDE非常优秀。但是你不需要手动安装所有东西,谷歌已经处理好了。您所需要做的就是转到这里,下载/解包使用Android SDK预构建的Eclipse。安装后,您只需更新/安装其他Android版本

为此:

打开Eclipse-->单击窗口-->Android SDK管理器并下载 需要的版本

从那里你可以创建新的Android项目(遵循教程,这是一个很好的项目)。基本上,你会像创建Phonegap应用程序一样创建所有内容,但没有Phonegap内容(所有内容都在教程中描述)

从这里你可以在模拟器上测试你的应用程序,或者如果你有,Android手机ypu可以直接在你的手机上测试(这就是你需要的)。在您可以将手机用作测试机器之前,还有一个步骤。您需要对手机进行一些更改

  • 允许安装第三方应用程序(在Google play store中找不到应用程序),可以在中找到教程
  • 您的手机必须打开USB调试模式,可以在中找到教程
  • 手机驱动程序必须安装在计算机上(例如,如果您有三星手机,则需要安装软件)

  • 当我不得不处理HTML和Javascript等web技术时,我发现Eclipse非常糟糕。请记住,这些是使用Phonegap/Cordova时需要用到的主要技术

    如果您不需要应用程序本机端的太多支持(Android上的Java、iOS上的Objective-C等),我建议将括号、Sublime Text 2或WebStorm作为html5堆栈的顶级IDE。人们甚至可以使用最近与github集成的一些在线IDE


    现在,如果您确实需要本机支持,我会选择Intellij IDEA for Android(或者您可以将Eclipse与上述任何web IDE混合使用)。您在iOS上没有太多选择,但AppCode可以减轻处理Xcode的痛苦。

    我认为调试phonegap应用程序的最佳工具是Ripple,即模拟phonegap javascript API的Chrome扩展:

    有些API还没有涵盖,但它仍然可以节省大量时间。您还可以使用Chrome的开发工具调试javascript代码。 Ripple显然不能取代对真实设备的测试

    而不是使用文章中建议的url(http://emulate.phonegap.com?your_url_here)我打开 http://localhost/my_project/ (指向我项目的www/assets/index.html文件。我使用apache,但任何web服务器都可以)在Chrome中,然后我启用ripple(右键单击| Emulator | enable)。 涟漪变了!它不再是chrome的扩展。详情请浏览
    来自同一博客的另一篇非常有用的文章是
    这将解释如何在使用ripple时使用grunt来节省时间

    对于应用程序开发,我的第二个答案是Gajotres,我也使用eclipse。

    试试weinre(WEb INspector REmote)。 它是一个web检查器(像firebug)与移动仿真器web浏览器一起工作


    支持iOS、Android和WP。

    对于使用三星手机的用户(例如Galaxy Nexus i9250):您无需安装Kies软件,其中包括不必要的额外工具。只需在谷歌上搜索
    [phone name]驱动程序
    ,你就会发现一些论坛帖子中有下载驱动程序的链接(仅此而已!)。