Debugging Ionic Apps using Chrome Developer Tools

"Chrome Developer Tools have gotten amazing over the years and are one of the main reasons I am an avid Chrome user. There are so many great tools built in that help you figure out exactly what is going on with your app, especially in the case of errors or unexpected behavior. This can be super helpful when debugging Ionic apps in the browser.

This article will discuss some of the basics of using the Developer Tools to figure out what is going on with your Ionic App."

2 Likes

I addition to this, I find Device Mode also very helpful when testing on different devices and debugging DOM and styles:

In my case I could see my genymotion connected devices but when I hit Inspect it doesnt show up anything… why is this happening? the build Android version of my app is 4.1.1