2021-05-12 14:32:11
如何使用Mac遠端偵錯iPhone/iPad 中的網頁
2020-07-23 10:27:25
我們有時候需要使用手機來進行一些網頁的偵錯，不過由於手機螢幕的原因，因而偵錯網頁非常的不方便。為了解決這個問題，小編今天給iPhone/iPad 用戶們帶來了，如何通過MAC遠端偵錯iPhone/iPad上 網頁的方法。
具體的操作步驟：
1. 要進行遠端偵錯，首先要開啟開啟 iPhone/iPad 上的 Safari 的遠端偵錯功能，“通過 設定 》 Safari 》 高階”開啟：
2. 然後開啟 Safari，開啟你要偵錯的網頁，當然延伸應用中通過 WebView 開啟的網頁也是可以偵錯的。
3. 最後把 iPhone 或者 iPad 通過傳輸線連上 Mac 電腦，開啟桌面版的 Safari（目前 iOS 6 的 Safari 遠端偵錯只支援通過 Mac 上的桌面版的 Safari 進行，Safari for Windows 目前還沒有此項功能），點選開發選單，選擇你偵錯的 iPhone/iPad 的裝置名，選擇偵錯的網頁。
4. 最後就是呼叫桌面版的 Safari 的 Web 檢查器對 iPhone/iPad 上的 Safari 應用進行偵錯：
這個偵錯過程和我們平常在 Mac/PC 上偵錯基本一樣，比如可以對 HTML 和 CSS 做些實時的改動，檢視修改後的效果。檢視 cookie，本地儲存，session 等一些資料。檢視 WebApp 的效能，網路請求等，也可以檢視所有錯誤和警告資訊對程式進行修正。
當然我們可以通過它來偵錯 Javascript，設定斷點，定義未捕獲的意外等。也可以存取 Console，直接執行 Javascript 程式碼。
另外它還支援觸控檢查（Touch to inspect）：啟用檢查器上的手型圖示，就可以通過在 iPhone/iPad 上觸控，就能立即找到檢查器對應的 DOM 元素。
以上就是如何通過MAC遠端偵錯iPhone/iPad 上網頁的方法了，有需要或是有興趣的用戶們，可以嘗試一下。
相關文章