使用chrome調試android前端頁面

使用chrome調試android前端頁面
移動端開發時，我們常使用chrome內建的模擬器，類比各種手機裝置。 但類比畢竟是類比，當開發完畢，使用真機訪問頁面出現問題時如何調試呢？

下面介紹一種針對android機的調試方法

 

 

1. 在pc和android手機上都安裝最新版本的chrome
2. 使用usb將手機的PC相串連
3. 手機中開啟“設定”->"開發人員選項"->"USB調試"

4. 開啟pc側chrome, 在地址欄中輸入chrome://inspect/#devices 選中discover usb devices。可以看到我們的手機裝置，如所示:

5.在手機側chrome中訪問頁面 比如：m.haha.sogou.com 同步的，我們會在pc側的chrome上看到到手機側訪問的頁面，如所示
6. 點擊中的inspect, 熟悉的調試介面出現！

注意圖中右上方的手機表徵圖，點擊後，效果更加酸爽。手機開啟的頁面被直接拉到pc上顯示了。調試更加事半功倍！