iOS Safari 開發者工具極難在手機小螢幕操作。macOS Safari 支援透過 USB 連線遠端偵錯 iPhone/iPad 上的 Safari 或 WebView 網頁,體驗同桌面版完整開發者工具。
前置條件
- Mac 執行 macOS 10.7+,Safari 6+。
- iOS 裝置 iOS 6+,已啟用 USB 偵錯。
- USB 傳輸線連接(無線偵錯需同一 Wi-Fi 且 macOS 10.13+、iOS 11+)。
啟用 iOS 遠端偵錯
- iOS 裝置:設定 > Safari > 進階 > Web 檢查器 開啟。

Mac 端操作
- Mac 開啟 Safari,選單列 開發(若無,偏好設定 > 進階 > 勾選「在選單列中顯示『開發』選單」)。
- USB 連接 iOS 裝置,解鎖螢幕並信任此電腦。
- iOS Safari 開啟目標網頁(或含 WebView 的 App)。
- Mac Safari 選單列 開發 > [裝置名稱] > [網頁標題],開啟 Web 檢查器視窗。


偵錯功能完整支援
- Elements:即時編輯 HTML/CSS、觸控檢查(點選手掌圖示,手機點擊元素即定位 DOM)。
- Console:執行 JS、查看錯誤/警告/日誌。
- Network:分析請求、效能、快取。
- Sources:JS 斷點、Call Stack、Scope 變數檢視。
- Storage:Cookie、LocalStorage、SessionStorage、IndexedDB 查看編輯。
- Timelines/Audits:效能分析、最佳化建議。
此為 iOS Web 開發必備技能,完全免費、零配置、官方原生支援。