Visual Studio Code 现在支持 iOS Web 应用调试了
发布于 2016-09-05 23:57:45 | 234 次阅读 | 评论: 0 | 来源: 网友投递
Visual Studio Code 跨平台编辑器
Visual Studio Code 是一个运行于 OS X，Windows 和 Linux 之上的，针对于编写现代 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