Visual Studio Code 现在支持 iOS Web 应用调试了

  • Sergio De Simone
  • 谢丽

2016 年 9 月 4 日

话题:JavaScript移动iOS语言 & 开发

微软 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-proxyios-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

JavaScript移动iOS语言 & 开发