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

我使用的是小米(紅米NOTE2 ),電腦是win 10 系統(tǒng),以下幾步就可以輕松使用瀏覽器內置的功能調試移動端網頁了:

1. 手機開啟調試模式連接電腦,確保是調試模式連接的(不知道怎么打開調試模式的可以參考:http://jingyan.baidu.com/article/046a7b3ee3b565f9c27fa9b2.html);

2. 手機上打開一個網頁,只要是webview形式的網頁應該都是可以的;

3. 電腦chrome瀏覽器地址欄輸入:chrome://inspect/#devices ,會看到如下圖的情況(上面會看到你所連接的設備的名稱和信息,下面就是當前設備上可以用于在電腦上調試的頁面的一下信息,地址、標題、網頁大小。。。,如果沒有顯示設備信息,則表示沒有連接好,可以插拔手機或關閉調試模式重開一下);

image.png

4. 找到你準備調試的那個,并且確保手機上的那個頁面也是處于激活狀態(tài)的的,然后點擊藍色的 inspect 鏈接,會彈出一個新的窗口;

image.png

5. 熟悉的界面出現(xiàn)了,接下來你應該知道怎么用了,(恭喜?。。。?/p>

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

image.png

控制臺↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

image.png

查看網絡情況↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

image.png

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

4. 電腦死活adb連接不成功?

解決方案:

方案一: 確保USB與PC的連接

  1. 請確保USB連線能正常連通PC和手機(非常重要呀?。?/li>

簡單確認方法:手機狀態(tài)欄顯示為充電狀態(tài)。

  1. 請確保PC的USB驅動已正常安裝,可以在控制面板“設備管理器” “通用串行總線控制器”中確認無異常USB設備顯示。

  2. 點擊重置,再次“啟動檢測”。

方案二: 使用adb啟動

  1. 使用內置adb包( win下載, mac下載),手動啟動adb

運行 adb devices

  1. 找到設備,點擊重置,再次“啟動檢測”

  2. 未找到設備,或者offline

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

② 重拔usb鏈接調試設備

③ 重啟調試設備

④ 重啟電腦...

方案三: 安裝PC應用寶

方案四: 安裝android SDK

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容