我使用的是魅族(魅藍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. 熟悉的界面出現了,接下來你應該知道怎么用了,(恭喜!!!)
檢查元素↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
控制台↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
查看網絡情況↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓