Visual Studio Code supports IOS Web app debugging

Microsoft JavaScript Diagnostics project manager Kenneth Auchenberg wrote in an article that there is a new visual Studio code extension that Allows developers to debug JavaScript Web apps and websites running on iOS devices directly on their Mac and Windows editors.

Auchenberg explained that previously, debugging an iOS Web app required running Safari Web Viewer on a Mac, or using a dedicated cross-browser compatibility Checker, such as Browserstack. The new Visual Studio Code extension "IOS Web Debugger" uses Vscode-chrome-debug-core, which is an open source library developed by Microsoft (Tengyun technology ty300.com), which is a Microsoft Visual Studio code The base of the Chrome debugger. The extension also uses two additional libraries Ios-webkit-debug-proxy and Ios-webkit-debug-proxy-win32 to communicate via USB and iOS devices. Communication with iOS devices follows the WebKit remote debugging protocol. This protocol is compatible with the Chrome Debugger protocol used by the Script debugging API (Basic tutorial qkxue.net), which means that Microsoft Chrome Debugger basically does not need to be modified.

The visual Studio code extension can either open a URL in the device's Safari browser or attach it to a tab in Safari. This depends on the configuration specified in the. vscode/launch.json file in the project root directory. To make it easier for the device to access the local development server (usually an HTTP server running on localhost), Microsoft decided to use the Localtunnel analog port forwarding, which Apple did not provide native support. All requests for a local Web server can be proxied by a unique, publicly accessible Url,localtunnel. This allows you to share the local Web service running on the development machine without modifying the DNS and firewall settings.

The following is a list of features supported by the iOS Web debugger:

Set breakpoints
Stepping Code Execution
Stack trace
Debug evaluation scripts, script tags, and dynamically added scripts
Monitor
Control Desk
The Visual Studio Code extension "IOS Web Debugger" can be downloaded from the Visual Studio code market.

English Original: Visual Studio Code now allows to Debug IOS Web Apps author Sergio De Simone

Visual Studio Code supports IOS Web app debugging