写点什么

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

  • 2016-09-04
  • 本文字数:746 字

    阅读完需:约 2 分钟

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

2016-09-04 19:004255
用户头像

发布了 1008 篇内容, 共 421.7 次阅读, 收获喜欢 346 次。

关注

评论

发布
暂无评论
发现更多内容

阿里面试官:Android面试这些原理都给我讲明白了,最低都是20k起步!

android 程序员 移动开发

分享一个免费的思维导图软件GitMind

IT蜗壳-Tango

11月日更

面试官:View的事件分发我必问,不会给你一个pass

android 程序员 移动开发

架构1期模块十毕业总结

五只羊

架构实战营

面试官又双叒叕“突袭”:如何优化一个网络请求

android 程序员 移动开发

面试题学习与复习二

android 程序员 移动开发

面试了15位来自985211高校的2020届研究生之后,思考良久,写下此文。 掘金技术征文

android 程序员 移动开发

spring 的aop笔记

加里都好

面试时,问哪些问题能试出一个 Android 应用开发者真正的水平?

android 程序员 移动开发

阿里巴巴:-给你一个Demo-你如何快速定位ANR

android 程序员 移动开发

07 K8S 之命令行应用编排

穿过生命散发芬芳

k8s 11月日更

面经分享:字节跳动Android开发大佬的百度,美团,快手等大厂Offer收割之旅

android 程序员 移动开发

面试官:“会不会熟练使用Jetpack” 我

android 程序员 移动开发

面试官:今日头条启动很快,你觉得可能是做了哪些优化?

程序员 移动开发

面试时,问哪些问题能试出一个 Android 应用开发者真正的水平12?

android 程序员 移动开发

链表问题不会做?LC狂刷50道链表算法总结出这9道典型题,套路很简单(二

android 程序员 移动开发

阿里面试官:说说多线程并发问题

android 程序员 移动开发

面试官教你做人:字节跳动在招2000人,招聘要求让人窒息…

android 程序员 移动开发

CSS响应式布局之REM

Augus

CSS 11月日更

面试官:“会不会熟练使用Jetpack”--我

android 程序员 移动开发

面试官:我面Android程序员,经常遇到背题的,一问原理就露馅了

android 程序员 移动开发

面试官:说一说Android启动优化

android 程序员 移动开发

阿里、华为、字节跳动,大厂面试算法题

android 程序员 移动开发

阿里技术分享:APP启动提速方法总结

android 程序员 移动开发

阿里面试难吗,应该如何应对?

android 程序员 移动开发

面挂了腾讯、阿里巴巴、美团Android客户端,我有一份避坑指南分享给你

android 程序员 移动开发

面试官还问Handler?那我要给你讲个故事

android 程序员 移动开发

面试官:“看你简历上写熟悉 Handler 机制,那聊聊 IdleHandler 吧

android 程序员 移动开发

面试被虐?不要慌,看懂这份Android面试真经大厂不是问题!

android 程序员 移动开发

面试半年,上个月成功拿到字节跳动offer,全靠我啃烂了这份2020最新面试题!

android 程序员 移动开发

面试官:为什么 Activity

android 程序员 移动开发

Visual Studio Code现在支持iOS Web应用调试了_JavaScript_Sergio De Simone_InfoQ精选文章