开发者社区> 晚来风急> 正文

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调试器基本不需要修改。
image

该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(转载)

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
如何使用Visual Studio Code调试PHP CLI应用和Web应用
在按照Jerry的公众号文章 什么?在SAP中国研究院里还需要会PHP开发? 进行XDebug在本地的配置之后,如果想使用Visual Studio Code而不是Eclipse来调试PHP应用,步骤也比较简单。
1136 0
AliOS Things 使用HAL库的USB_DEVICE MSC调用SPI W25Q128
AliOS Things的USB_DEVICE MSC的SPI W25Q128实现
894 0
visual studio中运行docker支持简记
很久以前学过一段时间的docker,那时装了电脑卡得受不了,学了一会就卸载了,最近电脑又装上了docker,感觉好像没有以前这么卡了,还是同一台电脑surface pro4, 试了一下visual studio中做的网站运行在docker上,下面是一些简记 环境:win10 + docker de...
1163 0
最佳实践:负载均衡SLB支持自定义VPC实例IP地址
1.Greetings 大家好,我是负载均衡SLB产品经理添毅,今天教大家自定义负载均衡SLB VPC实例的IP地址,下面开始 2.负载均衡SLB的VPC实例 阿里云负载均衡SLB同时提供给了公网实例和私网实例,公网SLB可以面向互联网提供服务;私网实例面向阿里云内网提供服务,而私网负载均衡又分类两种:一种分配classic经典网络地址,可面现向阿里云内网所有经典网络提供服务;另外一种分配VPC专有网络地址,面向一个VPC内部提供服务。
4454 0
Soundslice – 美妙乐谱!Web 技术高大上的应用
  Web 技术的不断发展让我们能够开发各种好玩的功能。这里给大家分享一个使用 HTML5 技术实现的在线乐谱,可以播放的哦,也可以选择一个片段进行循环播放。赶紧来体验一下:) 您可能感兴趣的相关文章 10大流行的 Metro UI 风格 Bootstrap 主题 推荐35款精致的 CS...
838 0
Visual Studio 2017 - Windows应用程序打包成exe文件(2)- Advanced Installer
原文:Visual Studio 2017 - Windows应用程序打包成exe文件(2)- Advanced Installer Advanced Installer :Free for 30 days.
1604 0
+关注
9379
文章
243
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载