


You MUST have the Microsoft Store version in order for it to work. The non-Microsoft-store version of iTunes does NOT work anymore.That includes startups, UX design, growth hacking, productivity and many more.Thanks to BlueRaja who was prepared to document their experience, here are a bunch of updates/changes/fixes that need to be applied when following this post: I love everything that involves websites and mobile apps. I'm a freelance full stack developer working in Paris. That's it! Now you should be able to debug your app like any other website!Įxactly like you would do on any website, you can remotely debug step by step your JavaScript code in the Safari Web Inspector.Īnd exactly like Chrome Dev Tool, if you use Typescript or CoffeeScript, you can actually debug your app directly inside your Typescript or CoffeeScript files thanks to the JS source maps, as shown in the screen below. In Safari desktop, Go to Develop > Your iPad/iPhone > Index.html. First, launch your app on your iOS device connected to the computer via USB. Now we're finally able to remotely debug our cordova webview with Safari. Note: You don't have to do this step with the iOS simulator, as the Debug Option is already enabled. Go to Settings > Safari > Advanced and enable Web Inspector. Now, you need to enable Web Inspector in the advanced Safari Settings of your iOS Device. Go to Safari > Preferences and ensure the Show Develop menu in menu bar check box is checked. Enable Debuggingįirst, you need to enable Safari Develop menu in Safari desktop. Like the Chrome Webview Debugging Tool, the Safari Remote Debugging Tool will allow you to make live changes to your DOM and debug your Javascript code step by step. Actually, you can do exactly the same thing for iOS and Safari.

Some time ago, I wrote an article explaining how to remotely debug your Cordova App running on Android with Chrome Webview Debugging Tool. This tutorial will show you how to remotely debug your cordova app on iOS using the Safari Remote Debug Tool. Tools, cordova, phonegap, debug, ios, safari Apache Cordova and Remote Debugging on iOS
