萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 作業系統 >  >> macOS 教學

Mac 遠端偵錯 iPhone/iPad Safari 網頁:Web 檢查器完整教學

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 遠端偵錯

  1. iOS 裝置:設定 > Safari > 進階 > Web 檢查器 開啟。

Mac 端操作

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

偵錯功能完整支援

  • Elements:即時編輯 HTML/CSS、觸控檢查(點選手掌圖示,手機點擊元素即定位 DOM)。
  • Console:執行 JS、查看錯誤/警告/日誌。
  • Network:分析請求、效能、快取。
  • Sources:JS 斷點、Call Stack、Scope 變數檢視。
  • Storage:Cookie、LocalStorage、SessionStorage、IndexedDB 查看編輯。
  • Timelines/Audits:效能分析、最佳化建議。

此為 iOS Web 開發必備技能,完全免費、零配置、官方原生支援。

copyright © 萬盛學電腦網 all rights reserved