Visual Studio Code支持iOS Web应用调试

微软JavaScript Diagnostics项目经理Kenneth Auchenberg在一篇文章中写道，有一个新的Visual Studio Code扩展，允许开发人员直接在他们的Mac和Windows编辑器上调试在iOS设备上运行的JavaScript Web应用和网站。

Auchenberg解释说，以前，调试iOS Web应用需要在Mac上运行Safari Web查看器，或者使用一个专用的跨浏览器兼容性检查器，如BrowserStack。新的Visual Studio Code扩展“iOS Web调试器”使用了vscode-chrome-debug-core，后者是微软开发的一个开源库，该库是微软Visual Studio Code Chrome调试器的基础。该扩展还使用了两个其他的库ios-webkit-debug-proxy和ios-webkit-debug-proxy-win32，以便通过USB和iOS设备进行通信。同iOS设备通信遵循WebKit远程调试协议。该协议兼容脚本调试API所采用的Chrome调试器协议，也就是说，微软的Chrome调试器基本不需要修改。

该Visual Studio Code扩展既可以在设备的Safari浏览器中打开一个URL，也可以附加到Safari中的一个标签页上。这取决于项目根目录下.vscode/launch.json文件中指定的配置。为了让设备可以更容易地访问本地开发服务器（通常是一个运行在localhost上的HTTP服务器），微软决定使用localtunnel模拟端口转发，对于这一点，苹果并未提供原生支持。通过一个唯一的、可以公开访问的URL，localtunnel可以代理本地Web服务器的所有请求。这样，你就可以共享运行在开发机器上的本地Web服务，而不用修改DNS和防火墙设置。

下面是iOS Web调试器支持的特性列表：

• 设置断点

• 步进代码执行

• 栈跟踪

• 调试求值脚本、脚本标签和动态添加的脚本

• 监视器

• 控制台

Visual Studio Code扩展“iOS Web调试器”可以从Visual Studio Code市场下载。

英文原文：Visual Studio Code Now Allows to Debug iOS Web Apps 作者 Sergio De Simone 

转自：InfoQ 译者 谢丽