You now have to manually navigate to chrome://inspect to get to the inspect tab.Ī new tab with the Webview Debugging Tool will open. In Chrome, Go to Settings > More Tools > Inspect Devices.ĮDIT : This option is no longer available in the Settings menu. Now we're finally able to remotely debug our cordova webview with Chrome. My Phone is a Nexus 5, so the build number is under Settings > About phone. Here is a good article to help you locate the build number on your phone: The trick is that the build number is not in the same place for all phones. To make it visible, you'll have to tap 7 times on the Build number. This option is under the Developer options, which is hidden by default. To be able to debug your Android device with your computer, you must first activate the USB Debugging option in your device parameters. So your app must be running Cordova 3.3 or higher, your Android phone must be running Android 4.4 or higher and you must have Chrome 30+. You can also use this tool to remotely debug your JavaScript code step by step! Minimum versions These kind of visual bugs are quite hard to fix, as you have to recompile your app and copy it on your phone every time you make a change.īut there is a solution to this problem: the awesome Chrome Webview debugging tool! And that's not all, folks. Sometimes your cordova app will have some visual differences between your Chrome Desktop and your Android phone. This tutorial will show you how to remotely debug your cordova app on Android using the Chrome Webview debugging tool. Tools, cordova, phonegap, android, chrome, debug Apache Cordova and Remote Debugging on Android

Android emulator mac cordova