iphone手機pc調試

咱們知道在 Mac/PC 上的瀏覽器都有 Web 檢查器這類的工具（如最著名的 Firebug）對前端開發進行調試，而在 iPhone/iPad 因爲限於屏幕的大小和觸摸屏的使用習慣，直接對網頁調試很是不方便，因此一直沒有 Web 檢查器這一類工具，可是 iOS 6 的發佈解決了這個問題。

iOS 6 給 Safari 帶來了遠程的 Web 檢查器工具（Remote Web Inspector），你能夠經過模擬器或者真實的設備（經過 USB 連上 Mac）進行調試。下面我講講詳細的調試過程：

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 元素。