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


我使用的是魅族(魅藍NOTE6 ),電腦是win 7系統,以下幾步就可以輕松使用瀏覽器內置的功能調試移動端網頁了:

注意:谷歌瀏覽器需要先翻牆,不然調試頁面會空白或者報404錯誤,(不會FQ的可以聯系我 QQ:2417301781)

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

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

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

 

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

 

5. 熟悉的界面出現了,接下來你應該知道怎么用了,(恭喜!!!)

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

 

 

 

控制台↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

 

 

 

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

 

 


免責聲明!

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



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