Different Ways to Debug Ionic App

Desktop browser testing

Command line

$ ionic serve

Results:


[INFO] Development server running!

       Local: http://localhost:8100

       Use Ctrl+C to quit this process

[INFO] Browser window opened to http://localhost:8100!

Android

ionic cordova run android --livereload --external

ionic cordova run android -c -l

Requires android studio

ionic capacitor run android --livereload --external

ionic capacitor run android -c -l

Create hotspot from your phone and connect it to Computer

The best way to do it:

  1. Make Personal Hotspot from your mobile Device to your Computer
  2. run ionic serve
  3. Read the the output this command throws. There you can see an External IP-Adress
  4. Open the Browser on your smartphone and use the Exernal IP-Adress + 8100 (Port)

    For example: http://192.168.32.12:8100