Ionic Holiday Calendar Day 14 - Ionic Browser Debugging

Let's take a look at the browser debugging features for your Ionic application that you might not yet know about!

The training platform for everything Ionic. 40+ Ionic Courses, Ionic tutorials and private community to help you learn Ionic fast.

#############################

Want to read instead of watch? Here's the full Ionic tutorial: XXX

#############################

You can also find me...

#############################

[rtpHarry]

Augury looks cool, I have installed it :D

[rtpHarry]

DevTools on Windows is CTRL-SHIFT-I, or press F12

[rtpHarry]

One other cool tool that's hidden away is the screenshots features. When you have the devtools open you can press CTRL-SHIFT-P or go to the triple dot menu and choose "Run command". Type screenshots inside there and you will get several options, such as the ability to automatically capture a long screenshot (one that screenshots from the top of the page to the bottom).

[Lichtschalter]

Thank you Simon. The Remote Device information was the best! I'm scared about Augury, I started by scratch and ya... The tree doesn't looking good.

[giovannisegagni]

Hi guys,
Instead Augury I usually use ng.probe($0).componetIstance
P.S. you need to select a component before start this line of code into the console.

[CraigShearer]

Hey Simon, I'd love to see a video showing how to implement a robust HttpInterceptor to allow for automatic retries or popping up a dialog to tell the user there's a problem with their connection and allowing them to cancel or retry.

[LuckystrikeGFXer]

Hey Simon would you be able to explain the debugging of performance issues? I recently had problems with ion-slides and wanted to figure out the issue but I couldn't work with chromes performance tab. I ended up not using the slides in my app for performance reasons but it would have been better to use slides for usability. Thanks for the calendar videos!