移動端頁面在手機中調試

簡介

移動端頁面運行在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,會出現
clipboard.png開發

4.調試(舉例展現)
PC端在『Elements』選中標籤。
clipboard.pngit

在移動端表現:
clipboard.pngconsole

相關文章
相關標籤/搜索