谷歌輸入(chrome://inspect/#devices)
我使用的是小米(紅米NOTE2 ),電腦是win 10 系統,以下幾步就可以輕松使用瀏覽器內置的功能調試移動端網頁了:
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