Wenn Sie Visual Studio Code verwenden, können Sie die Cordova Tools-Erweiterung installieren, mit der Sie auf dem Gerät debuggen können, es ist ein sehr leistungsfähiges Werkzeug für VSCode, das auch der beste Editor/IDE ist, den ich entwickelt habe Ionic 3 und Angular 4 Apps.
Das Verfahren ist einfach:
Löschen bestehender launch.json Datei aus .vscode Verzeichnis und gehen Sie auf Debugger, und klicken Sie auf das kleine Zahnrad-Symbol.
Select Cordova als Debugger.
Die Verlängerung 12 configs für Sie tatsächlich schaffen wird, wir die erste müssen die ‚Run Android auf dem Gerät‘ ist
Nun, das ist, was ich tue (Mac OS X Sierra), je nachdem, wie und welche Komponenten Sie in Ihrem System installiert haben, kann sich dies ändern. Ich öffne Android Studio und verbinde dann mein USB-Kabel, das an mein Android-Testgerät angeschlossen ist.
Sobald ich sehe, dass mein Gerät im Android Monitor Panel aufgelistet ist und die Debug-Prozesse auf der Logcat-Registerkarte laufen, wechsle ich zu meinem VSCode-Fenster und erstelle im Terminal: ionic cordova android run, dann warte auf den Start der App am Telefon.
Sobald die App im Gerät angezeigt wird, klicken Sie auf die Schaltfläche Debuggen in VSCode und der Debugger anhängen sollte.
Jetzt Sie das Debugger sollte Ihre Haltepunkte getroffen und lassen Sie Ihren Typoskript Code debuggen mit der App auf Ihrem Testgerät ausgeführt wird.
Ich denke, Sie auch direkt von den Chrome Developer Tools debuggen können, aber es kann Sie benötigen einige weitere zusätzliche Optionen in Bezug auf Standort Ihrer Quelle Map-Dateien innerhalb tsconfig.json zu konfigurieren. Ich empfehle Ihnen eher vscode, da er jede Menge nützlicher Funktionen bietet, kostenlos ist und außerdem Erweiterungen für Ionic 3-Snippets, Autovervollständigung und CLI-Befehle von der Benutzeroberfläche bietet.