移動端的頁面咱們要想調試最經常使用的應該屬因而chrome的機型的模擬了,可是若是遇到一些只有在手機上面才能看到的bug的話就很差調試了。web
iphone端調試
首先蘋果端是能夠調試的,蘋果模擬器和蘋果瀏覽器是同一套系統,能夠無縫對接調試,Xcode有蘋果模擬器,打開模擬器,再打開safari瀏覽器找到開發下來就能找到這個頁面的源碼,前提是這個頁面是web作的。
安卓端的調試
安卓也是能夠的利用chrome,只是須要多點流程,
須要準備
1,pc安裝最新chrome。
2,安卓手機(系統須要4.1以上,低點的系統裝不上chrome,無解)安裝最新chrome。
3,usb線。
首先手機要打開usb調試,
pc地址欄輸入
chrome://inspect就會出現手機型號
1,先ipconfig電腦的ip地址,好比192.168.0.1
2,將localhost換成ip地址在手機端打開,
3,在這個頁面會出現這樣的,點擊對象下方的inspect,會跳出
若是第一次調試刷新半天這個框仍是什麼都沒有出現,那你要去翻--牆了。
只是這個設置是怎麼用的,我不太清楚,我設置了ip和端口都沒起做用,若是有園友知道的話能夠留言交流下。