使用Chrome 瀏覽器調試移動端網頁 chrome://inspect/#devices

如下幾步就能夠輕鬆使用瀏覽器內置的功能調試移動端網頁了：

1. 手機開啓調試模式鏈接電腦，確保是調試模式鏈接的（不知道怎麼打開調試模式的能夠參考：http://jingyan.baidu.com/article/046a7b3ee3b565f9c27fa9b2.html）；

2. 手機上打開一個網頁，只要是webview形式的網頁應該都是能夠的；

3. 電腦chrome瀏覽器地址欄輸入：chrome://inspect/#devices ，會看到以下圖的狀況（上面會看到你所鏈接的設備的名稱和信息，下面就是當前設備上能夠用於在電腦上調試的頁面的一下信息，地址、標題、網頁大小。。。，若是沒有顯示設備信息，則表示沒有鏈接好，能夠插拔手機或關閉調試模式重開一下）；

 

4. 找到你準備調試的那個，而且確保手機上的那個頁面也是處於激活狀態的的，而後點擊藍色的 inspect 連接，會彈出一個新的窗口；

 

5. 熟悉的界面出現了，接下來你應該知道怎麼用了，（恭喜！！！）

檢查元素↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

 

 

 

控制檯↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

 

 

 

查看網絡狀況↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

 

 

 

 

最後補充一下, 實在鏈接不成功, 能夠嘗試使用微信官方給的這個辦法, 使用 adb 工具進行 運行命令 adb kill-server -> adb start-server -> adb devices

 

4. 電腦死活adb鏈接不成功？

 

解決方案：

方案一： 確保USB與PC的鏈接

1) 請確保USB連線能正常連通PC和手機（很是重要呀！）

簡單確認方法：手機狀態欄顯示爲充電狀態。

2) 請確保PC的USB驅動已正常安裝，能夠在控制面板「設備管理器」 「通用串行總線控制器」中確認無異常USB設備顯示。

3) 點擊重置，再次「啓動檢測」。

方案二： 使用adb啓動

1) 使用內置adb包（ win下載, mac下載），手動啓動adb

運行 adb devices

2) 找到設備，點擊重置，再次「啓動檢測」

3) 未找到設備，或者offline

　　① 運行命令 adb kill-server -> adb start-server -> adb devices

　　② 重拔usb連接調試設備

　　③ 重啓調試設備

　　④ 重啓電腦...

方案三： 安裝PC應用寶

方案四： 安裝android SDK