Debug Cordova App Ios Emulator

In this article i will show you how to setup your development environment using vs code to be able to debug correctly your ionic app running on ios or android.

Debug cordova app ios emulator. You don t need to embed a new chrome engine to your app like apache cross walk making your app. You can also specify a buildflag option in build json above the value for the buildflag key is a string or an array of strings. These kind of visual bugs are quite hard to fix as you have.

The solution for now is to run cordova with the buildflag usemodernbuildsystem 0 option to instruct xcode to use the old build system e g. Live debug your cordova ionic application with visual studio code. For details on the debugging tools that come with xcode see this article and this video.

Cordova run ios debug target iphone 8 buildflag usemodernbuildsystem 0. With xcode you can debug the ios native side of your cordova application. Cordova for ios projects can be opened in xcode.

With remote debug ios webkit inspecting and debugging cordova app is as easy as it was on android. Make sure the debug area is showing view debug area. This problem is caused because xcode 10 contains a new build system which is currently not compatible with cordova ios 4 see here.

Using web inspector remote to debug ios cordova apps debugging ios phonegap apps with safari s web inspector the one caveat of safari s remote debugging is that by the time you managed to open the tools from safari s developer menu the app will have already sarted and critical debug info would be lost. In chrome go to settings more tools inspect devices. Sometimes your cordova app will have some visual differences between your chrome desktop and your android phone.

Open a project within xcode. To be able to do that you must first enable usb debugging on you phone. How to debug a cordova app on your device with google chrome march 04 2017.