Under the hood, it’s the same debugger running inside VS Code, which is powered by our open-source vscode-chrome-debug-core library. Our new iOS Web Debugger works quite similar to our Chrome debugger which we introduced back in February. This debug extension works on both Mac and Windows. Today, we’re enabling mobile web developers to debug JavaScript running on their iOS devices directly from their editor with a new iOS Web Debugger for Visual Studio Code. For example, using the Safari Web Inspector (Safari DevTools) requires an instance of desktop Safari which only is available for macOS users. Introductionĭebugging websites running on iOS devices is accessible only to a subset of developers. To learn more, see this introductory guide to the RemoteDebug iOS WebKit Adapter. The iOS Web debugger has been deprecated and we now recommend that you use the RemoteDebug iOS WebKit Adapter together with Visual Studio Code.

Node.js Development with Visual Studio Code and Azure.Moving from Local to Remote Development.Setting up your device and web browserįirst of all, connect device to your mac. There have been lot efforts to solve this problem for example using Cordova Cross Walk.Ĭonnecting Cordova based app to Chrome is possible today. Safari offers very limited capabilities comparing to Chrome. This is not the case for iOS device since you need to plug to Safari browser. If you running on Android device it is a lot better, it is pluggable with Chrome browser. I can not imagine how hard it is fix Html layout or js error without Dev tool like Html element Inspector and Js console. You might experience bad time spending on debugging issue on device. Test the end result of your app on device.You have native capabilities like Camera, Push notification.The are many scenarios when you need to run on real device for example If you are building a hybrid app you probably use one of the C ordova powered framework like Ionic or Phonegap.īecause hybrid app is nothing more than an Html app making it easy to debug by just running on a web server locally for example using http server. How to debug Cordova powered app in iOS using Chrome Dev Tool

Ionic visual studio code mac ipad debug