Visual Studio Code 支持 iOS Web 应用调试

局长
 局长
发布于 2016年09月06日
收藏 26

微软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 作者 Sergio De Simone 

转自:InfoQ 译者 谢丽 

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:Visual Studio Code 支持 iOS Web 应用调试
加载中

最新评论(6

啦啦啦拉拉
啦啦啦拉拉

引用来自“kideny”的评论

这是淫王加入微软,发的第一个大招嘛?
他给Azure写驱动去了
艾边成
艾边成
很好
南漂一卒
南漂一卒

引用来自“1棵拼搏的寂静草”的评论

终于开始解决移动端调试的痛点了
岂止是痛点,Safari 和 IE 一样都是“恶心点”……
1棵拼搏的寂静草
1棵拼搏的寂静草
终于开始解决移动端调试的痛点了
卖爷爷的老红薯
卖爷爷的老红薯
这是淫王加入微软,发的第一个大招嘛?
冬天之雪
冬天之雪
顶一顶
返回顶部
顶部