Visual Studio Code 支持 iOS Web 应用调试

Posted 2020-08-07

微软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，后者是微软开发的一个开源库（腾云科技ty300.com），该库是微软Visual Studio Code Chrome调试器的基础。该扩展还使用了两个其他的库ios-webkit-debug-proxy和ios-webkit-debug-proxy-win32，以便通过USB和iOS设备进行通信。同iOS设备通信遵循WebKit远程调试协议。该协议兼容脚本调试API所采用的Chrome调试器协议（基础教程qkxue.net），也就是说，微软的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