用於測試和調試HTML5手機遊戲的開發平臺/仿真器

Question

我正在使用three.js，HTML5和JQuery Mobile開發遊戲。我最終會使用PhoneGap來將我的代碼編譯成一個應用程序，我將上傳到Google Play和Apple App Store。我需要的是某種IDE，它允許我在手機上進行開發時測試遊戲，以便了解它是如何作爲應用程序運行的。我不知道在手機瀏覽器或模擬器上檢查是否是最好的方法。我想知道我的應用程序的運行方式，比方說，Android設備，以便我可以確保將其部署到商店後，它將按預期工作。

我更喜歡視覺工作室的東西，但任何其他IDE /開發平臺，有一個很好的方法來模仿甚至直接在我的實際Android設備上運行我的代碼會很好。我希望能夠測試遊戲以看到它與手勢一起工作的熱點，所以能夠在我的手機上運行它會是更好的解決方案。

同樣，我更喜歡Visual Studio的東西，但其他任何IDE/Emulator也可以。

感謝

Answer 1

恕我直言調試PhoneGap的應用程序的最佳工具是紋波，即一款Chrome擴展程序模擬的PhoneGap的的JavaScript API： http://phonegap.com/blog/2012/08/10/introducing-phonegap-emulation/

一些API沒有尚未覆蓋，但它仍然是一個節省大量的時間。您可以使用Chrome的開發人員工具來調試您的JavaScript代碼。 波紋顯然不能取代真實設備上的測試。

而不是使用URL的建議的文章（http://emulate.phonegap.com?your_url_here）我打開 的http：//本地主機/ MY_PROJECT/ （它指向WWW /資產/我的項目的index.html文件，我使用apache，但任何Web服務器都可以），然後啓用紋波（右鍵單擊| Emulator | Enable）。

漣漪變了！它不再是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
這將解釋如何使用grunt來節省時間，同時使用波紋。

對於應用程序開發我第二個Gajotres的答案，我也使用eclipse。

Answer 2

首先讓從Visual Studio啓動，不，你不能用它，在理論上是的，但在實踐中沒有。雖然您可以在Visual Studio中使用VSNomad創建混合Android應用程序，但您需要每月支付25/35美元才能使用它。即便如此，你將無法使用Phonegap插件。如果金錢和插件不存在對您而言不是問題，那麼請使用此解決方案。

在其他任何情況下，讓我們看看其他解決方案。因爲您正在使用Windows平臺讓我們討論兼容解決方案。

目前用於Android應用開發的最佳Windows IDE（無論是原生應用還是混合應用）都是Eclipse。優秀的IDE，如果你不介意Java在後臺。但是你不需要手動安裝所有東西，Google已經處理好了。您只需轉至此link並下載/解壓縮預裝Android SDK的Eclipse。安裝完成後，您只需更新/安裝其他Android版本。

爲了做到這一點：

打開Eclipse - >單擊窗口 - > Android的SDK管理器和下載 需要的版本。

從那裏，你可以創建新的Android項目（遵循this教程，這是一個很好的一個）。基本上你會創建一切，就像你創建一個Phonegap應用程序，但沒有Phonegap的東西（一切都在tutirial中描述）。

從這裏你可以在模擬器上測試你的應用程序，或者如果你有和Android手機ypu可以直接在你的手機上測試它（這是你需要的）。在您將手機用作測試機器之前還有一步。您需要在手機上進行一些更改。

1. 允許安裝第三方應用程序（應用程序不是在谷歌Play商店中找到），教程，可以發現here。
2. 你手機必須打開USB調試模式，教程可以找到here。
3. 手機驅動程序必須在計算機上安裝（例如，如果你有一部三星手機，你需要安裝Kies軟件）

Answer 3

我發現Eclipse的是相當窮的時候我不得不處理網技術，如HTML和Javascript。請記住，這些是使用Phonegap/Cordova時的主要技術。

如果您在應用程序的本機端（Android上的Java，iOS上的Objective-C等）上不需要太多支持，我推薦使用Brackets，Sublime Text 2或WebStorm作爲html5的頂級IDE疊加。甚至可以使用一些最新的在線IDE與github集成。

現在，如果您確實需要本地支持，我會使用Intellij IDEA for Android（或者您可以將Eclipse與以上任何Web IDE混合使用）。你在iOS上沒有太多的選擇，但AppCode可以緩解處理Xcode的痛苦。

Answer 4

嘗試weinre（WEb INspector REmote）。 這是一個網絡督察（如螢火蟲）與移動模擬器網絡瀏覽器工作。

http://people.apache.org/~pmuellr/weinre/docs/latest/

支持的iOS，Android和WP。