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，后者是微软开发的一个开源库（腾云科技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

Visual Studio Code 支持 iOS Web 应用调试

标签：

原文地址：http://www.cnblogs.com/cainiaojiaocheng/p/5844361.html