現在的產品，移動端應用佔據很大市場，在測試過程中，就會測試各種各樣的移動端頁面。測試過程，或多或少會發現些問題，無非就是前端、後端問題。後端接口問題，可以利用工具：Fiddler或charles抓包查看；前端頁面問題，可以讓開發把調試工具放在頁面中，可如果沒有該調試工具，那該如何查看前端報錯問題呢？比如，頁面白屏，抓包沒調接口，如何拿到報錯信息呢。
講到這裏，就需要“請”出今天的主角了，Chrome網頁調試工具。該調試工具，只需要將手機與電腦連接就可以調試了，但其中有個問題就是FQ了，這個後面再說，我們先來看如何完成頁面調試。
頁面調試
準備工作
- 數據線
- 手機設備
- 電腦，安裝了Chrome瀏覽器
開啓USB調試
這個大家都很熟悉吧，數據線與電腦連接，並允許USB調試，具體自己操作吧。需要注意的是，手機不是默認有開發者選項的，需要手動開啓，開啓後就會一直有。開啓方式不同手機不同，但都差不多，連續點擊（5次）關於手機裏的軟件版本號就ok了。
chrome調試工具
- 連接好設備
- 打開要調試的app或網頁
-
PC端網頁（Chrome瀏覽器）中輸入地址：chrome://inspect/#devices
等待小一會，會出現如下截圖頁面，點擊inspect就可以開始調試了。
![]()
我們可以從上圖所知，頁面會顯示手機設備信息，沒錯，就是當前連接的手機設備。
調試會單獨新開窗口，會顯示手機中打開的頁面，如下截圖所示：
無情404
可能大家看到這裏，會覺得，原來調試這麼簡單。其實不然，這只是順利成功的簡潔步驟而已。在沒FQ的情況下，點擊inspect按鈕，彈出的頁面是無情的404。爲啥是404，因爲chrome調試是外網了，所以訪問不通。
這裏看其他帖子，可以不FQ解決，但我嘗試了幾次，都沒成功，步驟如下：
- 尋找ip地址：http://ping.chinaz.com
- 搜索：chrometophone.appspot.com
搜索後會展示能ping通該地址的ip，如下所示：
將能ping通的ip地址配置到host文件中，如下所示：
172.217.26.148 chrome-devtools-frontend.appspot.com
再次訪問https://chrome-devtools-frontend.appspot.com/，能成功的話，就不要再單獨FQ了，如果不行，但又想使用該方法調試，那就只能FQ了。
問題總結
Pending authentication:please accept debugging session on the device
解決辦法：在調試過程中會出現該提示，是因爲設備沒連接好，重新允許下USB調試即可。
以上就是今天的分享內容，測試過程，遇到前端報錯，不好確定問題的情況下，就可以使用該方法調試，不失爲一種測試手段。