Come guardare console.logs nell'emulatore ionico?

Question

Sto costruendo un'applicazione utilizzando lo Ionic framework, che ho fatto finora nel browser. Perché ora voglio usareho bisogno di usare l'emulatore. Il problema è che non riesco a vedere alcun console.log() nell'emulatore come faccio nel browser, il che rende difficile il debug.

Qualcuno sa come in Ionic/Cordova posso utilizzare la registrazione della console nell'emulatore? Tutti i suggerimenti sono ben accetti!

Answer 1

Basta abilitare i registri della console nell'emulatore. Ecco il mio esempio:

> 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 

Tipo consolelogs nella riga di comando e premi invio.

consolelogs 

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

Answer 2

Esistono diversi modi per eseguire il debug dell'applicazione ionica.

• Nel browser è possibile rilevare gli errori nella console.
• Se si sta emulando l'app su un simulatore o su un dispositivo mobile, è possibile installare il plug-in cordova che visualizza gli errori js nella console xcode. In questo modo puoi emulare il tuo dispositivo e rilevare gli errori su xcode.

Ecco come si aggiunge il plugin:

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

Spero che questo aiuti! È stato molto utile per me mentre stavo eseguendo il debug degli errori di GeoFire e testando la fotocamera cordova e l'api di geolocalizzazione.

Answer 3

corsa ionic emulate ios -l -c

Si aprirà l'emulatore con la caratteristica livereload, e vedrete tutti i log della console nel terminale. Per attivare la console si disconnette (o su) basta scrivere consolelogs o semplicemente c nel terminale mentre il server ionico è in esecuzione

Un altro modo molto conveniente per eseguire il debug la vostra applicazione quando si utilizza iOS emulatore/dispositivo utilizzando gli strumenti di sviluppo di Safari

Quando viene eseguito l'app - entrano Safari e scegliere "Sviluppare> iOS Simulator> la pagina"

Se si lavora con un vero e proprio dispositivo vedrete il nome del dispositivo al posto di "simulatore iOS"

Se non vedi il menu "Sviluppo" in Safari - inserisci le preferenze di Safari e abilitalo dalla scheda "avanzata"

Answer 4

Se stai testando la tua app Web con un dispositivo con Android 4.4 o versioni successive, puoi eseguire il debug delle tue pagine Web in remoto in WebView con gli Strumenti per sviluppatori di Chrome. Basta aprire chrome: // ispezionare sul desktop con il telefono in modalità USB Debug collegato.

Answer 5

1. Se wan't a guardare i resoconti della console in uso emulatore/simulatore

   ionic emulate -l -c <PLATFORM>

2. Se wan't di guardare i resoconti della console quando si verifica nel dispositivo è possibile lanciare il seguente comando:

   ionic run -l -c <PLATFORM>

-c = --consolelogs: Print Console app log in ionico CLI (REQ livereload.)

-l = --livereload: ricaricare i file in diretta applicazione dev dal dispositivo

Può aiutare qualcuno!

Answer 6

Su ionico 3, è possibile farlo da

ionic cordova run android --emulator -l -c 

Sostituire android con ios seconda delle vostre esigenze. Ulteriori informazioni qui: https://ionicframework.com/docs/cli/cordova/run/