我們有時(shí)候需要使用手機(jī)來進(jìn)行一些網(wǎng)頁的調(diào)試,不過由于手機(jī)屏幕的原因,因而調(diào)試網(wǎng)頁非常的不方便。為了解決這個(gè)問題,小編今天給iPhone/iPad 用戶們帶來了,如何通過MAC遠(yuǎn)程調(diào)試iPhone/iPad上 網(wǎng)頁的方法。
具體的操作步驟:
1. 要進(jìn)行遠(yuǎn)程調(diào)試,首先要打開開啟 iPhone/iPad 上的 Safari 的遠(yuǎn)程調(diào)試功能,“通過 設(shè)置 》 Safari 》 高級(jí)”開啟:
2. 然后打開 Safari,開啟你要調(diào)試的網(wǎng)頁,當(dāng)然延伸應(yīng)用中通過 WebView 開啟的網(wǎng)頁也是可以調(diào)試的。
3. 最后把 iPhone 或者 iPad 通過數(shù)據(jù)線連上 Mac 電腦,打開桌面版的 Safari(目前 iOS 6 的 Safari 遠(yuǎn)程調(diào)試只支持通過 Mac 上的桌面版的 Safari 進(jìn)行,Safari for Windows 目前還沒有此項(xiàng)功能),點(diǎn)擊開發(fā)菜單,選擇你調(diào)試的 iPhone/iPad 的設(shè)備名,選擇調(diào)試的網(wǎng)頁。
4. 最后就是調(diào)用桌面版的 Safari 的 Web 檢查器對(duì) iPhone/iPad 上的 Safari 應(yīng)用進(jìn)行調(diào)試:
這個(gè)調(diào)試過程和我們平常在 Mac/PC 上調(diào)試基本一樣,比如可以對(duì) HTML 和 CSS 做些實(shí)時(shí)的改動(dòng),查看修改后的效果。查看 cookie,本地存儲(chǔ),session 等一些數(shù)據(jù)。查看 WebApp 的性能,網(wǎng)絡(luò)請(qǐng)求等,也可以查看所有錯(cuò)誤和警告信息對(duì)程序進(jìn)行修正。
當(dāng)然我們可以通過它來調(diào)試 Javascript,設(shè)置斷點(diǎn),定義未捕獲的意外等。也可以訪問 Console,直接執(zhí)行 Javascript 代碼。
另外它還支持觸摸檢查(Touch to inspect):激活檢查器上的手型圖標(biāo),就可以通過在 iPhone/iPad 上觸摸,就能立即找到檢查器對(duì)應(yīng)的 DOM 元素。
以上就是如何通過MAC遠(yuǎn)程調(diào)試iPhone/iPad 上網(wǎng)頁的方法了,有需要或是有興趣的用戶們,可以嘗試一下。
聯(lián)系客服