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，後者是微軟開發的一個開源庫（騰雲科技ty300.com），該庫是微軟Visual Studio Code Chrome調試器的基礎。該擴充還使用了兩個其他的庫ios-webkit-debug-proxy和ios-webkit-debug-proxy-win32，以便通過USB和iOS裝置進行通訊。同iOS裝置通訊遵循WebKit遠端偵錯協議。該協議相容指令碼調試API所採用的Chrome調試器協議（基礎教程qkxue.net），也就是說，微軟的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

Visual Studio Code 支援 iOS Web 應用程式調試