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市场下载。

本文转自d1net（转载）