微軟JavaScript Diagnostics項(xiàng)目經(jīng)理Kenneth Auchenberg在一篇文章中寫道，有一個(gè)新的Visual Studio Code擴(kuò)展，允許開發(fā)人員直接在他們的Mac和Windows編輯器上調(diào)試在iOS設(shè)備上運(yùn)行的JavaScript Web應(yīng)用和網(wǎng)站。
Auchenberg解釋說，以前，調(diào)試iOS Web應(yīng)用需要在Mac上運(yùn)行Safari Web查看器，或者使用一個(gè)專用的跨瀏覽器兼容性檢查器，如BrowserStack。新的Visual Studio Code擴(kuò)展“iOS Web調(diào)試器”使用了vscode-chrome-debug-core，后者是微軟開發(fā)的一個(gè)開源庫(kù)，該庫(kù)是微軟Visual Studio Code Chrome調(diào)試器的基礎(chǔ)。該擴(kuò)展還使用了兩個(gè)其他的庫(kù)ios-webkit-debug-proxy和ios-webkit-debug-proxy-win32，以便通過USB和iOS設(shè)備進(jìn)行通信。同iOS設(shè)備通信遵循WebKit遠(yuǎn)程調(diào)試協(xié)議。該協(xié)議兼容腳本調(diào)試API所采用的Chrome調(diào)試器協(xié)議，也就是說，微軟的Chrome調(diào)試器基本不需要修改。
該Visual Studio Code擴(kuò)展既可以在設(shè)備的Safari瀏覽器中打開一個(gè)URL，也可以附加到Safari中的一個(gè)標(biāo)簽頁(yè)上。這取決于項(xiàng)目根目錄下.vscode/launch.json文件中指定的配置。為了讓設(shè)備可以更容易地訪問本地開發(fā)服務(wù)器（通常是一個(gè)運(yùn)行在localhost上的HTTP服務(wù)器），微軟決定使用localtunnel模擬端口轉(zhuǎn)發(fā)，對(duì)于這一點(diǎn)，蘋果并未提供原生支持。通過一個(gè)唯一的、可以公開訪問的URL，localtunnel可以代理本地Web服務(wù)器的所有請(qǐng)求。這樣，你就可以共享運(yùn)行在開發(fā)機(jī)器上的本地Web服務(wù)，而不用修改DNS和防火墻設(shè)置。
下面是iOS Web調(diào)試器支持的特性列表：
設(shè)置斷點(diǎn)
步進(jìn)代碼執(zhí)行
棧跟蹤
調(diào)試求值腳本、腳本標(biāo)簽和動(dòng)態(tài)添加的腳本
監(jiān)視器
控制臺(tái)
Visual Studio Code擴(kuò)展“iOS Web調(diào)試器”可以從Visual Studio Code市場(chǎng)下載。
查看英文原文：Visual Studio Code Now Allows to Debug iOS Web Apps
京公網(wǎng)安備 11010502049343號(hào)