Windows 可對 iOS 裝置進行除錯的工具﹍Inspect

上一篇「iOS 裝置在 Windows 進行除錯」列出了目前所有的免費解決方案，主要說明使用「ios-safari-remote-debug-kit」這個專案的話如何操作，流程算是比較長且麻煩。 其中一個方案是「Inspect」這個工具，雖然免費額度下一天只能使用 15 分鐘，不過如果不常對 iOS 偵錯的話，其實也是一個可以考慮的方案，因為安裝流程算是簡單一些。 另外一個考量點是，以前的解決方案會面臨作者不一定能持續維護的風險，而「Inspect」既然已經商業化，那麼維護的期間可以預期會比較久，比較不用面對切換不同工具的陣痛。如果這樣的工具符合你的需求，可以參考本篇的操作心得整理。 (圖片出處: inspect.dev)

一、Inspect 介紹

最早的偵錯工具「remotedebug-ios-webkit-adapter」於 2020 年已停止維護，原開發團隊改為商業化經營，開發了「Inspect」這個工具： 1. 官網

• 官網首頁：https://inspect.dev/
• 下載頁面：https://inspect.dev/download

進入下載頁面後，會自動下載最新版本檔案，例如 Inspect Setup 1.0.9-x64.exe，直接執行便可安裝。 2. 費用 進入官網價格頁面「Pricing」可看到：

• 免費版一天可 debug 的時間為 15 分鐘
• 付費版一年費用至少 USD 79，使用時間無限制

3. 註冊 使用之前都需先註冊，可按網站右上角的「Login」按鈕，或點擊這個網址「Login」。 如上圖，可使用 Google、Github、Apple 等帳號註冊登入。

二、安裝使用

1. 安裝程式 執行剛剛下載的檔案會自動安裝程式，完畢後會在桌面產生捷徑「Inspect」。 2. 執行程式 點擊捷徑執行程式後，會出現上圖，選擇「開啟 Inspect」。 如上圖，當我連接到 iPhone 時，卻出現訊息「No devices found」，查了說明書的安裝步驟，也沒特別說要安裝 iTune 或驅動程式，沒關係請看我後面的說明。 同時上圖 Inspect 的右半部，也特地說明了 iPhone 手機上的 Safari 要如何設定，後面也會詳細說明步驟。

三、iPhone 相關動作

1. 安裝 iOS 行動裝置驅動程式 雖然安裝 iTune 可確保行動裝置能連上 Windows，不過經我實測，不安裝肥大的 iTune 也沒關係，我們需要的只是「Apple 行動裝置驅動程式」而已。 首先請下載 iTune 檔案：

•  32 位元：iTunesSetup.exe
•  64 位元：iTunes64Setup.exe

以 64 位元為例，下載 iTunes64Setup.exe 後解壓縮，可看到這個檔案： AppleMobileDeviceSupport64.msi 按右鍵選擇「安裝」，即可安裝「Apple 行動裝置驅動程式」，其他檔案都不需要理會。 2. 連接 iOS 裝置 操作步驟可參考以下：

• iPhone → 設定 → Safari → 進階 → 開啟「網頁檢閱器」
• iPhone 用 Safari 開啟要偵錯的網頁 → 用 USB 連上電腦
• iPhone 如彈出詢問視窗，點擊「信任」此裝置

3. 對 iPhone 偵錯 回到「Inspect」畫面，有安裝 iOS 行動裝置驅動程式後，立刻就能抓到 Safari 的網頁了，操作方式如上圖：

• 點擊左邊 Safari 顯示的網頁，例如圖中的「WFU BLOG」
• 點擊上方紅框的行動裝置圖示，可顯示畫面中當的網頁預覽圖
• 右方上半部可看到 HTML，下半部可看到 CSS

至此可以開始進行 debug 了，但小心要抓緊時間，左下角會明確標示免費額度剩餘時間，例如圖中的「You have 15 min of debug...」，隨著時間過去數字會不斷減少～

更多網頁開發工具：