webentwicklung-frage-antwort-db.com.de

Wie kann man console.logs im ionic Emulator ansehen?

Ich erstelle eine App mit dem Ionic Framework , das ich bis jetzt im Browser gemacht habe. Da ich jetzt das cordovaOauth-Plugin verwenden möchte , muss ich den Emulator verwenden. Das Problem ist, dass ich im Emulator keine console.log () sehe wie im Browser, was das Debuggen erschwert.

Weiß jemand, wie ich in Ionic/Cordova die Konsolenprotokollierung im Emulator nutzen kann? Alle Tipps sind willkommen!

36
kramer65

Aktivieren Sie einfach die Konsolenprotokolle im Emulator. Hier mein Beispiel:

> ionic emulate ios --livereload

  Setup Live Reload
  Running dev server: http://localhost:8100
  Adding in default Ionic hooks
  Running live reload server: http://localhost:35729
  Watching : [ 'www/**/*', '!www/lib/**/*' ]
  Ionic server commands, enter:
    restart or r to restart the client app from the root
    goto or g and a url to have the app navigate to the given url
    consolelogs or c to enable/disable console log output
    serverlogs or s to enable/disable server log output
    quit or q to shutdown the server and exit

Geben Sie consolelogs in die Befehlszeile ein und drücken Sie die Eingabetaste.

  consolelogs

  Console log output: enabled
  Loading: /?restart=382451
  ionic $ 0     498458   log      Hi there! This is from console.log
49

lauf ionic emulate ios -l -c

Dadurch wird der Emulator mit der Funktion zum Laden der Leber geöffnet, und im Terminal werden alle Konsolenprotokolle angezeigt. Um die Konsolenprotokolle zu deaktivieren (oder zu aktivieren), schreiben Sie einfach consolelogs oder nur c in das Terminal, während der ionic server ausgeführt wird

Eine weitere sehr bequeme Möglichkeit zum Debuggen Ihrer App unter Verwendung des iOS-Emulators/Geräts ist die Verwendung der Safari-Entwicklertools

Wenn die App ausgeführt wird, rufen Sie Safari auf und wählen Sie "Entwickeln> iOS-Simulator> Ihre Seite".

Wenn Sie mit einem realen Gerät arbeiten, wird der Gerätename anstelle von "iOS Simulator" angezeigt.

Wenn das Menü "Entwickeln" in Safari nicht angezeigt wird, geben Sie die Safari-Einstellungen ein und aktivieren Sie es auf der Registerkarte "Erweitert"

28
Yaron U.
  1. Wenn Sie keine Konsolenprotokolle im Emulator/Simulator anzeigen möchten, verwenden Sie

    ionic emulate -l -c <PLATFORM>

  2. Wenn Sie beim Testen auf einem Gerät keine Konsolenprotokolle anzeigen möchten, können Sie den folgenden Befehl ausführen:

    ionic run -l -c <PLATFORM>

-c = --consolelogs: App-Konsolenprotokolle an Ionic CLI (Livereload-Anforderung) drucken

-l = --livereload: Lädt App Dev-Dateien vom Gerät neu

Kann jemandem helfen!

19
S.Thiongane

Wenn Sie Ihre Web-App mit einem Gerät testen, auf dem Android 4.4 oder höher) ausgeführt wird, können Sie Ihre Webseiten in WebView mit Chrome Entwicklertools) remote debuggen. Öffnen Sie einfach chrome: // inspiziere auf deinem desktop mit angeschlossenem handy im usb debugging modus.

7
Ruchir Shukla

Es gibt verschiedene Möglichkeiten, um die ionic app zu debuggen.

  • Im Browser können Sie die Fehler in der Konsole abfangen.
  • Wenn Sie Ihre App auf einem Simulator oder einem mobilen Gerät emulieren, können Sie das Cordova-Plugin installieren, das in der Xcode-Konsole JS-Fehler anzeigt. So können Sie Ihr Gerät emulieren und Fehler auf xcode abfangen.

So fügen Sie das Plugin hinzu:

cordova plugin add https://git-wip-us.Apache.org/repos/asf/cordova-plugin-console.git

Hoffe das hilft! Es war sehr praktisch für mich, als ich GeoFire-Fehler debuggte und die Cordova-Kamera und die Geolocation-API testete.

5
user15163

Auf Ionic 3 können Sie dies tun, indem Sie

ionic cordova run Android --emulator -l -c

Ersetzen Sie Android durch ios, je nach Ihren Anforderungen. Weitere Informationen finden Sie hier: https://ionicframework.com/docs/cli/cordova/run/

3
slider