Платформа/эмулятор разработки для тестирования и отладки мобильной игры HTML5

Question

Я разрабатываю игру с использованием трёхмерных, HTML5 и JQuery Mobile. В конечном итоге я смогу использовать PhoneGap, чтобы скомпилировать мой код в приложение, которое я загружу в Google Play и Apple App store. Мне нужна некоторая среда IDE, которая позволяет мне тестировать игру во время разработки на моем мобильном телефоне, поэтому я могу видеть, как она работает как приложение. Я не знаю, можно ли просто проверить его в браузере мобильного телефона или эмулятор - лучший способ сделать это. Я хочу точно знать, как будет работать мое приложение, скажем так, и Android-устройство, чтобы я мог убедиться, что когда он будет развернут в хранилище, он будет работать по назначению.

Я предпочитаю что-то для визуальной студии, но любая другая платформа IDE/Development, которая имеет хороший способ подражать или даже напрямую запускать мой код на моем реальном устройстве Android, будет отличной. Я хочу, чтобы иметь возможность протестировать игру, чтобы увидеть, как она работает с жесты, поэтому возможность запускать ее на моем мобильном телефоне будет лучшим решением.

Опять же, я предпочитаю что-то для Visual Studio, но любой другой IDE/эмулятор тоже будет хорош.

Благодаря

Answer 1

ИМХО лучший инструмент для отладки приложения PhoneGap является пульсация, то есть расширение Chrome, который эмулирует JavaScript API, PhoneGap в: http://phonegap.com/blog/2012/08/10/introducing-phonegap-emulation/

Некоторые API еще не охвачены, но это все-таки огромная экономия времени. И вы можете использовать инструменты разработчика Chrome для отладки вашего javascript-кода. Ripple явно не заменяет тесты на реальном устройстве.

Вместо того, чтобы использовать URL предложенной в статье (http://emulate.phonegap.com?your_url_here) я открываю HTTP: // локальный/my_project/ (что указывает на WWW/активы/index.html файла моего проекта. Я использую apache, но любой веб-сервер в порядке) в Chrome, а затем я включаю рябь (щелкните правой кнопкой мыши | Emulator | Enable).

пульсация изменилась! Это больше не расширение хром. Подробная информация на 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, я также использую затмение.

Answer 2

Первая позволяет начать с Visual Studio, нет, вы не можете использовать его, в теории да, но на практике нет. Хотя вы можете создавать гибридные приложения для Android в Visual Studio с VSNomad, вам нужно будет ежемесячно платить 25/35 долларов США, чтобы иметь возможность использовать его. И даже тогда вы не сможете использовать плагины Phonegap. Если деньги и плагин не существует, это не проблема для вас, тогда идите с этим решением.

В любом другом случае рассмотрим другие решения. Поскольку вы используете платформу Windows, вы можете обсудить совместимые решения.

В настоящее время лучше всего подходит Windows IDE для разработки приложений для Android (не имеет значения для родных или гибридных приложений) - Eclipse. Отличная IDE, если вы не возражаете против Java в фоновом режиме. Но вам не нужно устанавливать все вручную, Google позаботился об этом. Все, что вам нужно сделать, это перейти к этому link и загрузить/распаковать Eclipse, предварительно созданный с Android SDK. После установки вам нужно будет только обновить/установить дополнительные версии Android.

Чтобы сделать это:

открытого Затмения -> нажмите Окно -> Менеджер Android SDK и скачать необходимых версии.

Оттуда вы можете создать новый Android проект (следовать this учебник, это отличный один). В основном вы создадите все, как вы создаете приложение Phonegap, но без материалов Phonegap (все описано в tutirial).

Здесь вы можете протестировать свое приложение на эмуляторе, или если у вас есть и мобильный телефон Android ypu может протестировать его прямо на вашем телефоне (это то, что вам нужно). Еще один шаг, прежде чем вы сможете использовать свой мобильный телефон в качестве тестовой машины. Вам нужно будет внести некоторые изменения на свой телефон.

1. Разрешить установку 3-сторонних приложений (приложения не найден в Google Play Маркете), учебник можно найти here.
2. В вашем мобильном телефоне должен быть включен режим отладки USB, имеется руководство по эксплуатации here.
3. Мобильные драйвера телефона должны быть установлены на компьютере (например, если у вас есть телефон Samsung вам нужно будет установить Kies программное обеспечение)

Answer 3

Я нашел Eclipse, чтобы быть довольно бедным, когда я должен был иметь дело с вебом таких как HTML и Javascript. Помните, что это основные технологии работы при использовании Phonegap/Cordova.

Если вам не нужна большая поддержка на родной стороне приложения (Java на Android, Objective-C на iOS и т. Д.), Я бы рекомендовал использовать скобки, Sublime Text 2 или WebStorm в качестве лучших IDE для html5 стек. Можно даже использовать некоторые из последних онлайн-IDE, интегрированных с github.

Теперь, если вам нужна встроенная поддержка, я бы пошел с Intellij IDEA для Android (или вы могли бы смешивать Eclipse с любой из вышеперечисленных веб-сайтов). У вас мало выбора на iOS, но AppCode может облегчить боль при работе с Xcode.

Answer 4

Попробуйте weinre (WEb INspector REmote). Это веб-инспектор (как firebug), работающий с веб-браузером мобильных эмуляторов.

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

Поддержка IOS, Android и WP.