使用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上顯示了。調試更加事半功倍！