如何用MAC上的Safari檢查iPhone手機App運行的Html頁面 – iPhone手機開發 iPhone軟體開發教學課程

如何用MAC上的Safari檢查iPhone手機App運行的Html頁面,現在許多的App內都嵌入有Html頁面,為瞭方便在進行App測試的時候,檢查Html頁面內元素以及元素樣式,我們可以進行以下步驟,將手機App運行與Mac上的Safari進行連接。

工具:
iPhone手機、Mac、數據線

手機與電腦未設置鏈接

手機與電腦未設置鏈接時的截圖如下:
iPhone手機:
打開手機->設置->Safari->高級
截圖如下:
這裡寫圖片描述
Mac:
打開Safari->開發
截圖如下:
未打開Web檢查器

手機與電腦設置鏈接之後

iPhone手機:
打開手機->設置->Safari->高級->打開Web檢查器
截圖如下:
這裡寫圖片描述
Mac:
打開Safari->開發
多瞭一個本人的iPhone,選中這個即可
截圖如下:
Web檢查器

發佈留言