What is ripple emulator
A browser based, platform agnostic mobile application development and testing tool.
- nodejs ( v0.12.0 or higher)
- npm ( v2.5.1 or higher)
- python ( v2.7.3 recommended, v3.x.x is not supported)
- Windows download
- make
- A C/C++ compiler toolchain, e.g. GCC
- Visual Studio 2010
- The setup instructions can be found here
- msysgit
- Ripple uses Bower for js libraries managing. In order to use Bower on Windows, msysgit must be installed in a proper way — see Bower’s README.md
If you plan to dive into the source, be sure to check out the HACKING file.
To get started, you need to setup a few things, first- run (in the project root):
This script will pull down the needed npm packages and initialize the submodules.
This will build ripple to the pkg/ folder. In that folder there are various targets that can be used.
This will describe all the available commands for building and running the tests, etc.
Running Inside Other Web Browsers
Ripple is (by-design) browser agnostic, and should be able to run inside any web browser.
If you want to run it inside other browsers, you will need to use the pkg/hosted target, paired with the CLI’s emulate command.
Ex (using the NPM package):
Then navigating to (your app’s html file):
CLI & NPM Package
There is a command line interface that can be paired with the client (UI).
It can be used for various things, such as statically hosting an application, and running a local (cross origin) XHR proxy.
This will install a global script called ripple . To see usage, run:
If you like the project, and want to contribute code, please issue a pull request (on GitHub) into the master branch.
Источник
How to use Ripple Emulator for Windows to test PhoneGap application?
Can Ripple emulator be used to test PhoneGap application under Windows?
Either I’m doing something really bad or Ripple is not working at all in such environment.
I have installed Ripple Emulator extension for Chrome from Chrome Store. I navigated Chrome to my mobile app (served locally via XAMPP). I clicked Ripple icon next to Chrome omnibar and clicked Enable in opened window. I’ve selected proper platform ( Cordova 2.0 ).
My application was reloaded in mobile-like look, simulating mobile device. Ripple was unable to read my configuration from config.xml file, but that is a well known bug (reported here and here). I hope, this is not an issue that prevents me from using Ripple at all?
I’ve selected my device ( Samsung Nexus ) and begin to test my mobile device. Even first call to PhoneGap API has failed. I tried compass, but all I got was Cannot call method ‘watchHeading’ of undefined .
How can basic PhoneGap object be undefined? What am I missing? Can I test PhoneGap application under Windows in Chrome with Ripple Emulator or amy I missing the entire idea for what Ripple is?
I tried to help myself with Ripple documentation, but chapter «Enable the Ripple emulator» is a complete garbage. I don’t have even a sign of Start Ripple Services option in Ripple icon (only Enable and Disable ) and when I click Enable there is no sign of the license agreement, that I could review and accept. I’m getting the feeling that this doc talks about something completely different than I use.
How to use Ripple in Chrome to test PhoneGap application? What am I missing?
Источник
What is ripple emulator
A browser based, platform agnostic mobile application development and testing tool.
- nodejs ( v0.12.0 or higher)
- npm ( v2.5.1 or higher)
- python ( v2.7.3 recommended, v3.x.x is not supported)
- Windows download
- make
- A C/C++ compiler toolchain, e.g. GCC
- Visual Studio 2010
- The setup instructions can be found here
- msysgit
- Ripple uses Bower for js libraries managing. In order to use Bower on Windows, msysgit must be installed in a proper way — see Bower’s README.md
If you plan to dive into the source, be sure to check out the HACKING file.
To get started, you need to setup a few things, first- run (in the project root):
This script will pull down the needed npm packages and initialize the submodules.
This will build ripple to the pkg/ folder. In that folder there are various targets that can be used.
This will describe all the available commands for building and running the tests, etc.
Running Inside Other Web Browsers
Ripple is (by-design) browser agnostic, and should be able to run inside any web browser.
If you want to run it inside other browsers, you will need to use the pkg/hosted target, paired with the CLI’s emulate command.
Ex (using the NPM package):
Then navigating to (your app’s html file):
CLI & NPM Package
There is a command line interface that can be paired with the client (UI).
It can be used for various things, such as statically hosting an application, and running a local (cross origin) XHR proxy.
This will install a global script called ripple . To see usage, run:
If you like the project, and want to contribute code, please issue a pull request (on GitHub) into the master branch.
- 4 spaces per editor tab.
- jake lint , no new lint errors introduced.
- All unit tests are green.
Reference Material & Community
About
A browser based, platform agnostic mobile application development and testing tool.
Источник
What is ripple emulator
A browser based, platform agnostic mobile application development and testing tool.
- nodejs ( v0.12.0 or higher)
- npm ( v2.5.1 or higher)
- python ( v2.7.3 recommended, v3.x.x is not supported)
- Windows download
- make
- A C/C++ compiler toolchain, e.g. GCC
- Visual Studio 2010
- The setup instructions can be found here
- msysgit
- Ripple uses Bower for js libraries managing. In order to use Bower on Windows, msysgit must be installed in a proper way — see Bower’s README.md
If you plan to dive into the source, be sure to check out the HACKING file.
To get started, you need to setup a few things, first- run (in the project root):
This script will pull down the needed npm packages and initialize the submodules.
This will build ripple to the pkg/ folder. In that folder there are various targets that can be used.
This will describe all the available commands for building and running the tests, etc.
Running Inside Other Web Browsers
Ripple is (by-design) browser agnostic, and should be able to run inside any web browser.
If you want to run it inside other browsers, you will need to use the pkg/hosted target, paired with the CLI’s emulate command.
Ex (using the NPM package):
Then navigating to (your app’s html file):
CLI & NPM Package
There is a command line interface that can be paired with the client (UI).
It can be used for various things, such as statically hosting an application, and running a local (cross origin) XHR proxy.
This will install a global script called ripple . To see usage, run:
If you like the project, and want to contribute code, please issue a pull request (on GitHub) into the master branch.
Источник
Как использовать Ripple Emulator для Windows для тестирования приложения PhoneGap?
можно ли использовать Ripple emulator для тестирования приложения PhoneGap под Windows?
либо я делаю что-то очень плохое, либо Ripple вообще не работает в такой среде.
Я установил расширение эмулятора пульсации для Chrome из магазина Chrome. Я перешел в Chrome на свое мобильное приложение (обслуживаемое локально через XAMPP). Я нажал значок пульсации рядом с Chrome omnibar и нажал Enable В открывшемся окне. Я выбрал правильную платформу ( Cordova 2.0 ).
мое приложение было перезагружено в мобильном виде, имитирующем мобильное устройство. Ripple не смог прочитать мою конфигурацию из config.xml файл, но это хорошо известная ошибка (сообщается здесь и здесь). Надеюсь, это не проблема, которая мешает мне использовать Ripple вообще?
Я выбрал свое устройство ( Samsung Nexus ) и начать тестировать своего мобильного устройства. Даже первый вызов PhoneGap API не удался. Я попробовал компас, но получил только Cannot call method ‘watchHeading’ of undefined .
как базовый объект PhoneGap может быть неопределенным? Что я упускаю? Могу ли я протестировать приложение PhoneGap под Windows в Chrome с помощью эмулятора Ripple или amy, я пропустил всю идею о том, что такое Ripple?
Я попытался помочь себе с документацией пульсации, но глава»включить эмулятор Ripple» — это полная фигня. У меня нет даже признака Start Ripple Services опция в значке пульсации (только Enable и Disable ) и когда я нажмите кнопку Enable нет подписать лицензионное соглашение, которое я могу просмотреть и принять. У меня такое чувство, что этот док говорит о чем-то совершенно другом, чем я использую.
как использовать пульсацию в Chrome для тестирования приложения PhoneGap? Что я упускаю?
2 ответов
tl; dr: вопреки тому, что говорится в документах PGB, вы должны сохранить копию cordova.js файл в корневом каталоге вашего приложения, и этот файл должен быть взят именно из версии 2.0 PhoneGap, так как последняя версия Ripple Emulator не работает ни с другой версией, ни без этого файла.
решение
я разрабатываю свои приложения PhoneGap с помощью сборки PhoneGap, а не локальной среды PhoneGap. Так-как я был инструкция — я удалил phonegap.js файл из webroot моего приложения и только оставил ссылку на него в index.html . Это нормально для сборки PhoneGap, но абсолютно не отлично для эмулятора пульсаций.
С тех пор, как я вернул этот файл (на самом деле cordova.js С С phonegap-2.0.0.zip мне удалось увидеть лицензию, запустить службы пульсации и протестировать рабочее приложение PhoneGap локально.
уведомление для людей, борющихся с аналогичной проблемой: текущая версия эмулятор пульсаций использует Cordova 2.0 . Убедитесь, что вы скачиваете правой версии из PhoneGap и забрать cordova.js от него! Не пытайтесь использовать cordova.js из новой версии (в настоящее время 3.0.0 ), как вы можете столкнуться с необнаруживаемыми ситуациями, в том числе видеть много странных alert() и даже висит перегруженный хром.
всегда убедитесь, что вы используете версию JS-файла PhoneGap, которая соответствует версии Ripple.
шаг за шаг
ключевые шаги, чтобы иметь возможность тестировать приложение PhoneGap под Windows, используя Chrome и Ripple Emulator:
поставить cordova.js файл обратно в корневую папку и проверьте ссылку на него. Вы можете захватить его из lib\android\example\assets\www\ папка из любой загружаемой версии PhoneGap (вы должны использовать phonegap-2.0.0.zip хотя, см. выше).
установить Ripple Emulator расширение для Вашего браузера Chrome, используя Chrome Store. Включить он.
запустите локальный веб-сервер и запустите HTML-код своего мобильного приложения через него (тестирование через прямой доступ к файлам в основном возможно в эмуляторе Ripple, но крайне не рекомендуется и может привести к непредсказуемым результатам).
нажмите значок эмулятора Ripple, прямо на вашем Chrome omnibar, а затем нажмите Enable (или выберите правильный вариант из контекстного меню, щелкните правой кнопкой мыши страницу).
принять лицензионное соглашение и выбрать правильную платформу ( Cordova 2.0.0 ).
щелкните значок эмулятора пульсаций еще раз и нажмите Start Ripple Services если они не запускаются автоматически.
установите платформу назначения (устройство) и наслаждайтесь работой приложения PhoneGap локально.
версия и различия API
вы также должны следить за PhoneGap API и тщательно проверьте, что было доступно и как это было доступно в PhoneGap 2.0.0? Например, простая проверка типа соединения изменилась с тех пор. В API-интерфейс 2.9.0 это делается через navigator.connection , находясь в 2.0.0 API к нему был доступ под navigator.network интерфейс.
поскольку Ripple Emulator использует PhoneGap 2.0.0, в настоящее время поддерживается способ вызова этого объекта:
не удастся. Вам придется использовать его таким образом:
хотя вы можете выбрать PhoneGap версия, при компиляции в PhoneGap Build (и вы можете заставить его использовать версию 2.0.0, хотя скомпилировать этот код без изменений), вам больше всего понравится разрабатывать приложение с использованием новейшей версии PhoneGap.
в этом случае вы должны использовать «защищенный» подход, который будет работать как в Ripple, так и в PhoneGap:
или вы можете объявить некоторую специальную переменную:
и используйте его как переключатель:
надеюсь, Ripple будет обновлен в ближайшее время до новейшего PhoneGap, чтобы мы могли бросить такой вещи подальше.
Ripple должен работать с последними версиями Phonegap, хотя вы можете получить несколько ложных сообщений об ошибках, которые всплывают во время загрузки страницы, которые из-за пульсации не совсем актуальны с последними версиями Phonegap. Убедитесь, что вы включили Phonegap JS в свою страницу. Попробуйте следующий пример — он отлично работает для меня в Ripple:
Источник