jquery - 用于测试和调试 HTML5 手机游戏的开发平台/模拟器

标签 jquery html visual-studio-2010 cordova jquery-mobile

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

我更喜欢 Visual Studio 的东西,但任何其他有很好的方法来模拟甚至直接在我的实际 Android 设备上运行我的代码的 IDE/开发平台都会很棒。我希望能够测试游戏,看看它是否可以通过手势运行,因此能够在我的手机上运行它将是更好的解决方案。

同样,我更喜欢 Visual Studio 的东西,但任何其他 IDE/模拟器也可以。

谢谢

最佳答案

恕我直言,调试phonegap应用程序的最佳工具是Ripple,即模拟phonegap的javascript API的Chrome扩展: http://phonegap.com/blog/2012/08/10/introducing-phonegap-emulation/

一些 API 尚未涵盖,但它仍然可以节省大量时间。并且您可以使用 Chrome 的开发者工具来调试您的 javascript 代码。 Ripple 显然不会取代真实设备上的测试。

<删除> 我没有使用文章中建议的网址(http://emulate.phonegap.com?your_url_here),而是打开 http://localhost/my_project/ (它指向我项目的 www/assets/index.html 文件。我使用 apache,但任何 Web 服务器都可以)在 Chrome 中,然后启用ripple(右键单击 | 模拟器 | 启用)。

Ripple 已更改!它不再是 Chrome 扩展。详细信息见http://www.raymondcamden.com/index.cfm/2013/11/5/Ripple-is-Reborn
同一个博客中的另一篇非常有用的文章是 http://www.raymondcamden.com/index.cfm/2013/11/7/Using-Grunt-to-automatically-build-your-PhoneGapCordova-projects
这将解释如何在使用ripple时使用grunt来节省时间。

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

关于jquery - 用于测试和调试 HTML5 手机游戏的开发平台/模拟器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16363118/

相关文章:

c++ - 为什么当我只使用静态 .lib 时 Windows 告诉我找不到 .dll 文件?

visual-studio-2010 - 将 Visual Studio 2008 项目迁移到 Visual Studio 2010

javascript - 使用 jquery load 将文本插入到 div 中

javascript - 复选框点击第一次在 safari 中不起作用

javascript - Angularjs 和 $ 选择器

javascript - 在 $(document).ready 期间无法更改在 $(document).ready 期间添加的元素

javascript - 事件监听器之后的 ",true);"有何作用?

html - 等同于 valign=center for <p> with css

html - CSS : How do fix W3 Validation Error caused by Genesis theme

c# - VS 2013项目将在另一台装有VS 2010的机器上运行