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


谷歌輸入(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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM