Windows下利用Chrome調試IOS設備頁面

本文介紹如何在 Windows 系統中連接 iOS設備 並對 Web 頁面進行真機調試

---

必須前提

1. iOS設備、數據線
2. Node.js 環境
3. Chrome 瀏覽器

環境准備

1. 安裝Node環境
   參考Node安裝的教程，確保終端輸入node時可正常使用

2. 安裝 scoope 以及相關配置
   為了安裝后續需要用的工具 remotedebug-ios-webkit-adapter
   打開win下的powershell（最好使用管理員權限運行）
   依次輸入：

    Set-ExecutionPolicy RemoteSigned -scope CurrentUser
    iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
    scoop bucket add extras
    scoop install iOS-webkit-debug-proxy
    npm install -g vs-libimobile

3. 安裝 remotedebug-ios-webkit-adapter
   該調試方法最核心的部分，就是依賴該工具
   打開win下的powershell或其他終端軟件
   npm install remotedebug-ios-webkit-adapter -g

4. iOS設備點開 設置 > Safari 瀏覽器 > 高級 > Web 檢查器，開啟該選項。

5. iOS設備連接電腦，信任該電腦

6. 打開終端，執行該命令：
   remotedebug_iOS_webkit_adapter --port=9000

7. iOS端打開safari瀏覽器；PC端打開Chrome，進入 chrome://inspect/#devices 頁面，並在 Discover network targets 選項添加 localhost:9000 配置。
   此時刷新iOS頁面，在Chrome中可看到iOS當前的頁面地址，點擊inspect即可進入調試頁面。

提示：
在首次點擊inspect若出現白屏，似乎要爬一下梯