Comment regarder console.logs dans ionic émulateur?
Je construis une application en utilisant le Ionic Framework , ce que j'ai déjà fait dans le navigateur. Parce que je veux maintenant utiliser le plugin cordovaOauth je dois utiliser l'émulateur. Le problème est que je ne vois pas console.log () dans l'émulateur comme dans le navigateur, ce qui rend le débogage difficile.
Est-ce que quelqu'un sait comment, dans Ionic/Cordova, je peux utiliser la consignation de la console dans l'émulateur? Tous les conseils sont les bienvenus!
Activez simplement les journaux de la console dans l'émulateur. Voici mon exemple:
> 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
Tapez consolelogs dans la ligne de commande et appuyez sur Entrée.
consolelogs
Console log output: enabled
Loading: /?restart=382451
ionic $ 0 498458 log Hi there! This is from console.log
lancer ionic emulate ios -l -c
Cela ouvrira l’émulateur avec la fonctionnalité livereload, et vous verrez tous les journaux de la console dans le terminal. Pour désactiver (ou activer) les journaux de la console, écrivez simplement consolelogs ou simplement c dans le terminal lorsque le serveur ionic est en cours d'exécution.
Un autre moyen très pratique de déboguer votre application lorsque vous utilisez un émulateur/périphérique iOS consiste à utiliser les outils de développement Safari.
Lorsque l'application s'exécute - entrez Safari et choisissez "Développer> Simulateur iOS> votre page"
Si vous travaillez avec un appareil réel, vous verrez le nom de l'appareil à la place de "Simulateur iOS".
Si vous ne voyez pas le menu "Développer" dans Safari, entrez les préférences de Safari et activez-le à partir de l'onglet "Avancé".
Si vous ne voulez pas regarder les journaux de la console lors de l'utilisation de l'émulateur/simulateur
ionic emulate -l -c <PLATFORM>Si vous ne souhaitez pas regarder les journaux de la console lors des tests sur le périphérique, vous pouvez lancer cette commande:
ionic run -l -c <PLATFORM>
-c = --consolelogs: Imprime les journaux de la console d’application sur Ionic CLI (livereload req.)).
-l = --livereload: Live recharger les fichiers de développement de l’app depuis le périphérique
Peut aider quelqu'un!
Si vous testez votre application Web avec un appareil fonctionnant sous Android 4.4 ou version ultérieure, vous pouvez déboguer à distance vos pages Web dans WebView avec Chrome Outils de développement. Il suffit d'ouvrir chrome: // inspect sur votre bureau avec le téléphone en mode de débogage USB connecté.
Il existe plusieurs façons de déboguer votre ionic app.
- Dans le navigateur, vous pouvez récupérer les erreurs dans la console.
- Si vous émulez votre application sur un simulateur ou un appareil mobile, vous pouvez installer le plug-in cordova qui affiche les erreurs js dans la console xcode. Vous pouvez donc émuler votre appareil et détecter les erreurs sur xcode.
Voici comment vous ajoutez le plugin:
cordova plugin add https://git-wip-us.Apache.org/repos/asf/cordova-plugin-console.git
J'espère que cela t'aides! Cela m’a été très utile pendant que je déboguais les erreurs GeoFire et que je testais l’appareil photo Cordova et l’API de géolocalisation.
Sur Ionic 3, vous pouvez le faire en
ionic cordova run Android --emulator -l -c
Remplacez Android par ios selon vos besoins. Plus d'informations ici: https://ionicframework.com/docs/cli/cordova/run/