Ausführen der Apache Cordova-App im Apache Ripple-Emulator

Artikel
09/11/2015

Die Cordova-Tools sind in Visual Studio 2013 als Preview (CTP) Version veröffentlicht. Die Cordova-Tools werden Als Teil von Visual Studio 2015 veröffentlicht und wir empfehlen, zum Entwickeln von Apps Visual Studio 2015 RTM und die Visual Studio-Tools für Apache Cordova zu verwenden. Sie können Visual Studio aus dem Microsoft Download Center herunterladen.

Der Apache Ripple-Simulator wird alas Web-App im Google Chrome-Browser ausgeführt. In Cordova können Sie damit Ihre App auf unterschiedlichen iOS- und Android-Geräten simulieren, es bietet grundlegende Unterstützt für wichtige Cordova-Plug-Ins wie Geolocation und Device Orientation.

Der Ripple-Simulator hilft Ihnen, schnell zu überprüfen, wie Ihre Apps unter IOS und Android aussehen, da beide Plattformen einen Browsers mit einer ähnlichen Codebasis verwenden. Der Ripple-Simulator eignet sich besonders zur Validierung von Layout und CSS-Code. Für eine genauere, plattformspezifische Emulation verwenden Sie die Android- oder iOS-Emulatoren oder ein echtes Gerät.

Warnung

Ripple bietet keine vollständige Simulation der Cordova-APIs oder systemeigenen Gerätefunktionen.Es simuliert auch keine bestimmten Browserversionen für eine bestimmte Plattform.Verwenden Sie dazu die entsprechenden Geräte oder Emulatoren.

Im Folgenden finden Sie einige Punkte, die Sie beachten müssen, wenn Sie das Layout mit Ripple testen.

Wenn Sie auf Android 4.4 oder höher (Chromium-basierter Browser) abzielen möchten, ist die Unterstützung für aktuelle CSS-Standards und andere Webtechnologien besser. Unter caniuse.com finden Sie spezifische Informationen über unterstützte Funktionen.
Wenn Sie auf iOS oder Android-Version vor 4.4 abzielen, ist der Browser WebKit-basiert. (Der Ripple-Emulator, der die installierte Chrome-Version verwendet, verhält sich ähnlich wie Android 4.4). Einige WebKit-Browserverhaltensweisen unterscheiden sich. Beispielsweise stellen WebKit-Browser keine konsistente Unterstützung für vw- und vh-Einheiten bereit.

Ausführen der App im Apache Ripple-Simulator

Am folgenden Verfahren wird gezeigt, wie Sie Ihre Anwendung auf dem Emulator ausführen und den Debugger anfügen.

So führen Sie Ihre Anwendung im Ripple-Simulator aus

Sofern noch nicht installiert, installieren Sie Chrome.

Hinweis

Chome wird nicht vom Installationsprogramm für Visual Studio installiert, wenn Sie die Visual Studio-Tools für Apache Cordova installieren.
Wählen Sie Android oder iOS aus der Liste Projektmappenplattformen aus.

Hinweis

Wenn die Liste nicht angezeigt wird, wählen Sie Projektmappenplattformen aus der Liste Schaltflächen hinzufügen/entfernen aus, um diese anzuzeigen.
Wählen Sie in der Liste der Zielgeräte einen der Ripple-Simulatoren aus.
Drücken Sie F5, um mit dem Debuggen zu beginnen oder UMSCHALT + F5, um die Anwendung ohne Debuggen starten.

Tipp

Wenn Sie die Fehlermeldung erhalten, dass Sie eine neue Version von Android SDK installieren müssen, installieren Sie diese mit dem Android SDK Manager.Öffnen Sie zum Öffnen des SDK-Managers unter Windows eine Befehlszeile, und geben Sie folgenden Befehl ein: android sdk

Den Proxy für den Emulator ändern

Ripple vermeidet domänenübergreifende Einschränkungen im Browser mit einem Proxy. Zwei Proxys sind verfügbar: ein Remote-Proxy und ein lokaler Proxy. Der Remote-Proxy wird in einer Cloud gehostet.

Sicherheitshinweis
Wenn Ihre App vertrauliche Daten (z. B. Active Directory-Authentifizierungstoken) übertragt, wird dringend empfohlen, einen lokalen Proxy anstelle des Remote-Proxys zu verwenden.

So ändern Sie den Proxy

Während die Anwendung ausgeführt wird, wählen Sie in Chrome die Pfeiltaste auf der rechten Seite und wählen Sie dann den Abschnitt Einstellungen aus.
Wählen Sie die Schaltfläche Domänenübergreifender Proxy und dann einen Proxy aus.

Das Gerät ändern,während die Anwendung ausgeführt wird

Sie können das Zielgerät dynamisch ändern, während die App in Chrome ausgeführt wird. Auf diese Weise können Sie einen Neustart der Anwendung in Visual Studio vermeiden.

So ändern Sie das Gerät

Während Ihre Anwendung in Chrome ausgeführt wird, wählen Sie die Pfeilschaltfläche auf der linken Seite und wählen Sie dann den Abschnitt Geräte aus.
Wählen Sie die Schaltfläche, in der der Name des aktuellen Geräts angegeben ist, und wählen Sie dann ein anderes Gerät.