移動端頁面運行在PC端,在移動端訪問頁面,實時的在PC端查看console、network等,並進行移動端的頁面調試。chrome
1.Chrome(PC版、移動版,版本儘可能一致)
2.手機(本人是Android,小米5 plus)
3.USB線工具
1.手機打開『USB調試』spa
例如:小米5 plus開啓『USB調試』
a. 個人設備->所有參數->MIUI版本(雙擊兩次),會提示已處於開發者模式。
b. 退出到『設置』,到『系統和設備』下選擇『更多設置』,找見『開發者選項』,點進去開啓『USB調試』。調試
2.手機和PC鏈接USB,手機會提示接入信息,點擊肯定。ip
3.PC端chrome地址欄訪問 chrome://inspect/#devices,會出現
開發
4.調試(舉例展現)
PC端在『Elements』選中標籤。
it
在移動端表現:
console