Запуск приложения Apache Cordova в имитаторе Apache Ripple

Статья
09/13/2015

В Visual Studio 2013 инструменты Cordova выпущены в виде предварительной (CTP) версии. Инструменты Cordova будут выпущены как часть Visual Studio 2015, и рекомендуется использовать Visual Studio 2015 RTM для разработки приложений с помощью инструментов Visual Studio для Apache Cordova. Visual Studio можно скачать из Центра загрузки Майкрософт.

Имитатор Apache Ripple работает как веб-приложение в браузере Google Chrome. В Cordova он может использоваться для моделирования приложения на нескольких устройствах и платформах iOS и Android, а также обеспечивает базовую поддержку основных подключаемых модулей Cordova, например Geolocation и Device Orientation.

Имитатор Ripple помогает быстро запустить проверку отображения и работы приложений на платформах iOS и Android, так как обе эти платформы используют браузер с похожей базой кода. Имитатор Ripple особенно полезен для проверки структуры и кода CSS. Для обеспечения более точной эмуляции, в зависимости от платформы, используйте эмуляторы Android или iOS, либо само устройство.

Предупреждение

Ripple не обеспечивает полное моделирование API-интерфейсов Cordova или собственных возможностей устройств.Он также не моделирует некоторые версии браузера для конкретной платформы.Это можно сделать путем проведения проверки на фактических устройствах или эмуляторах.

Ниже перечислены аспекты, которые следует учитывать при тестировании макета с помощью Ripple.

Если целевая платформа — Android 4.4 или более поздней версии (браузеры на базе Chromium), обеспечивается более эффективная поддержка стандартов CSS и других веб-технологий. Дополнительные сведения о поддерживаемых функциях см. на веб-сайте caniuse.com.
Если целевая платформа — iOS или версии Android, предшествующие 4.4, браузер основан на WebKit. (Поведение имитатора Ripple, использующего установленную версию Chrome, во многом напоминает Android 4.4.) Поведение некоторых браузеров WebKit отличается. Например, браузеры WebKit не обеспечивают согласованную поддержку модулей vw и vh.

Запуск приложения в имитаторе Apache Ripple

Ниже показано, как запустить свое приложение в эмуляторе и присоединить отладчик.

Запуск приложения в имитаторе Ripple

Если браузер Chrome не установлен, установите его.

Примечание

Установщик Visual Studio не устанавливает Chrome при выборе установки Visual Studio Tools для Apache Cordova.
Выберите Android или iOS в списке Платформы решения.

Примечание

Если этот список не отображается, выберите Платформы решения в списке Добавить или удалить кнопки для его отображения.
В списке целевых устройств выберите один из имитаторов Ripple.
Нажмите клавишу F5 для запуска процесса отладки или Shift + F5 для запуска приложения без отладки.

Совет

Если появляется сообщение об ошибке с информацией о том, что необходимо установить новую версию Android SDK, то для ее установки используйте диспетчер Android SDK Manager.Чтобы открыть диспетчер SDK Manager в Windows, откройте командную строку и введите следующую команду: android sdk.

Изменение прокси для эмулятора

Благодаря применению прокси, Ripple позволяет избежать междоменных ограничений в браузере. Имеются два прокси: удаленный и локальный. Удаленный прокси находится в облаке.

Примечание по безопасности
Если приложение передает конфиденциальные данные (например, токены проверки подлинности Active Directory), то вместо удаленного прокси настоятельно рекомендуется использовать локальный прокси.

Изменение прокси

В браузере Chrome, когда выполняется приложение, нажмите кнопку со стрелкой справа и выберите Параметры.
Нажмите кнопку Кроссдоменный прокси, а затем выберите прокси.

Изменение устройства во время выполнения приложения

Целевое устройство можно изменить на лету, пока приложение выполняется в браузере Chrome. В данном случае перезапускать приложение в Visual Studio не нужно.

Изменение устройства

В браузере Chrome, когда выполняется приложение, нажмите кнопку со стрелкой в левой части окна, а затем выберите Устройства.
Нажмите кнопку, которая указывает имя текущего устройства, а затем выберите другое устройство.