Führen Sie die Cordova-App mit der mobilen Emulation des Chrome-Geräte-Modus aus - Cordova, Emulation, Ripple

Ich habe immer gebraucht ripple um meine Cordova-App in Desktop-Browsern auszuführen. Ich weiß aber, dass es ein besseres Werkzeug gibt, um mobile Apps zu emulieren und es ist in Chrome integriert: Chrome Device Mode Mobile Emulation.

Gibt es eine Möglichkeit zu verwenden? Chrome Device Mode Mobile Emulation anstatt zu verwenden ripple meine App in Chrom zu emulieren?

Vielen Dank

Antworten:

Das Remote-Debugging von Chrome ist einfach und nützlich, um Netzwerkfehler in mobilen Anwendungen zu überwachen oder zu debuggen. Folgen Sie einfach den folgenden Schritten.

Zuvor müssen Sie diese Zeilen in die src-Datei (.java) Ihrer Anwendung einfügen.

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
if (0 != (getApplicationInfo().flags &= ApplicationInfo.FLAG_DEBUGGABLE))
{ WebView.setWebContentsDebuggingEnabled(true); }
}

(Dadurch kann Chrome die laufende Webansicht überwachen.)

1. Aktivieren Sie das USB-Debugging in Ihrem Handy
2. Verbinden Sie Ihr Gerät mit dem PC.
3. Öffnen Sie Chrome in Ihrem PC
4. Gehen Sie zu Chrome-Menü> Weitere Tools> Geräte prüfen.
5. Aktivieren Sie das Kontrollkästchen USB-Geräte erkennen
6. Finden Sie Ihre Bewerbung in der Liste
7. Sie können Ihre App jetzt per Screencast übertragen.

Das ist es!! Sie können Ihre Anwendung von Chrome aus debuggen.

Hinweis:- Es ist nur für Android

Ich kann die Chrome-Geräteemulation mit meiner Cordova-App verwenden. In der Registerkarte "Emulation" unter "Gerät" musste ich jedoch die Option "emulate mobile" deaktivieren, damit die App so rendert, als wäre sie auf einem mobilen Gerät.