A New Way to DEBUG Ionic Apps 😱

Learn to quickly debug Ionic apps with Capacitor on the Web, iOS, and Android plus a new way for remote debugging with the Nexus app!
🔥 The fastest way to learn Ionic: ionicacademy.com/
⚡️ Just getting started?
Grab a free 46 pages eBook: ionicacademy.com/ionic-quicks...
🤷‍♂️ Want more Ionic tutorials?
There you go: devdactic.com/
🔗 Nexus App: capacitor.nexusbrowser.com/ca...
#############################
❤️ You can also find me on:
Instagram: / simongrimm_
Twitter: / schlimmson
Facebook: / devdactic
TikTok: / simongrimm_
Or join the Simonics Facebook group:
/ simonics
#############################

[@galaxies_dev]

Learn to build epic IONIC apps FAST by joining the Ionic Academy: ionicacademy.com/

[@greyvenmanm6041]

Hi Simon nice video. But how did you mirror real device screen on ios simulator during debugging in another videos? it very helpful.

Amazing, thanks!

[@irfanbabar8424]

Looking promising. thanks

[@abdelmatinesfar9927]

Hello simon, first of all i want to thank you for your tutorials ! You're definitely giving a significant plus to the ionic community.
I then want to suggest a topic for your upcoming videos, it would be of a great help if you make a video of how to implement the firebase push notifications or the firebase cloud messaging using the ionic angular as front-end and going through a backend service (java or whatever), like sending to specific subject, multiple phones or deploying to a topic, i have been doing some searches but your tutorials would be more efficient.
Thnx again and keep up the good work !!

[@galaxies_dev]

Thanks for the kind words! And indeed, that sounds like a cool topic we could tackle in some live streams 🔥

[@chrissteiner1720]

What software do you use for the android device? 😳

[@quickmaths4762]

I have a question about the android approach (didn't watch IOS yet):
The connecting is only possible for an application, correct? So debug logs that would get printed right at the start of the app would not be able to get inspected since the chrome://inspect needs some time to find the app and then you have to connect?
Or is there some way to inspect startup logs with this inspection method? As I understood the chrome://inspect is only able to connect & inspect to running apps and not running devices

[@galaxies_dev]

You could restart the app directly from the debugging tools (CMD+R usually) or if that's not enough, you can also access the actual native device logs with logcat from Android Studio.

[@byMagg1]

I have issues with breakpoints not binding 😢

[@quickmaths4762]

I always used Android Studio „Logcat“ and Xcode console logs. I just „ran“ the application from within those IDEs. Any downsides in terms of debugging?

[@galaxies_dev]

I found those logs to be too crowded, I just want my native logs, and the browser debugging tools are usually better for inspecting objects!

[@quickmaths4762]

@@galaxies_dev Oh yeah true, I see the advantage now. I think it's good to have logs that consistently look the same, to identify things that are off right away
And yeah for inspecting objects in Logcat/(XCode) I had to always do JSON.stringify(obj) before I logged the object. I guess this is indeed convenient that one does not have to do that anymore

[@johanpujol]

Is it working with plug-ins like Firebase, camera, Google oauth ?
Thanks for this 👌

[@galaxies_dev]

Nexus has only a limited list of plugins right now

[@johanpujol]

@@galaxies_dev yes thanks, i juste see it on there website !

[@alexflatiz8120]

Does it work if there are native plug-ins in the application?

[@galaxies_dev]

Only those mentioned on the Nexus page as of now.

[@geronimovelasco]

Super cooool

[@sivuyilemagutywa5286]

Very promising

[@galaxies_dev]

Indeed!

[@danmaina9731]

cool

[@ilclaudio123]

Don't like using the debugger? It's strange all developers love the debugger :-) However thank you for this video.

[@promtermor]

React 🤮,
Ionic Angular 🏆