Comment Déboguer Ionique WebApp?
Je veux déboguer mon ionique application dans WebStorm.
Je suis en mesure d'exécuter l'application dans le navigateur. Mais comment puis-je corriger?
J'ai essayé: ionic serve --debug qui ne semble pas déclencher tout le débogage?
Comment déboguer l'application lorsqu'il s'exécute dans le navigateur?
Vous devez vous connecter pour publier un commentaire.
Avec Chrome, vous pouvez taper chrome://inspecter dans votre barre d'adresse
Dès que vous exécutez votre application Android, vous pouvez inspecter l'application lorsque vous l'exécutez avec le "ionique exécuter android" ou "ionique émuler android de la commande"
La version d'Android, cependant, doit être supérieure à 4.3 je pense...
Selon la la documentation il y a un peu de chemin à faire. Aussi pourriez-vous essayer l'une de ces listés ci-dessous car vous avez essayé
ionic servedéjà?La course ou à imiter commande va déployer l'application sur la plate-forme spécifiée appareils/émulateurs. Vous pouvez également exécuter live reload sur la plate-forme spécifiée appareil en ajoutant l'option --livereload option. Le live reload fonctionnalité est similaire à ionique servir, mais au lieu de développement et débogage d'une application à l'aide d'un navigateur standard, la compilation des hybrides application elle-même est de regarder pour tout changement à ses fichiers et le rechargement de l'application en cas de besoin. Ce réduit la nécessité de constamment reconstruire l'app pour de petits changements.
Espère que cela vous va! Permettez-moi de savoir comment il fonctionne pour vous.
J'ai trouvé cet outil très utile, vous pouvez joindre votre appareil et obtenir en temps réel l'inspecteur sur votre Cordova application(pour iOS et Android plates-formes).
Le navigateur est là que je fais la plupart de mes débogage pour ionique. Quel navigateur utilisez-vous pour faire le débogage? J'utilise Chrome et tourner sur DevTools. Il y a un onglet source où vous pouvez parcourir votre le code de l'application pour trouver des spots pour les points d'arrêt. Par exemple, vous pouvez définir un point d'arrêt dans le code d'un contrôleur sur un événement de clic et pas à travers le code. Ensuite, vous pouvez utiliser la console pour exécuter des commandes pour des valeurs de test et d'inspecter les objets, etc. Êtes-vous incapable de faire ce travail? Ou, inconnu w/les DevTools? Si peu familier, il est une ressource disponible ici. Si pas de travail, sont les points d'arrêt ne pas être frappé?
Il existe quelques façons pour déboguer votre ionique app.
Ici est de savoir comment vous ajoutez le plugin:
cordova plugin ajouter https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git
Une alternative est d'utiliser ionicLab. Il a travaillé pour moi de faire les étapes: Installer le programme et de préparer toutes les dépendances du projet, avant l'essai. Ensuite, cliquez sur
Serveoption deTestingqui est sousPlatformmenu. Lorsque le projet a été exécuté, cliquez sur l'icône de la flèche de la barre d'Aperçu avant.Comme un résultat, Ionique va jeter un Chrome fenêtre avec le chargé de projet, donc, vous pouvez utiliser les Outils de Développeur comme il est utilisé couramment. Vous devriez regarder les fichiers javascript, que vous utilisez dans votre projet, de sorte que vous pouvez déboguer.