使用chrome瀏覽器調試移動端網頁(非模擬訪問)

1. 使用數據線鏈接手機與電腦html

2. 打開手機調試模式web

  參考:http://jingyan.baidu.com/article/f79b7cb35ada4d9145023e63.htmlchrome

  本人使用的miui8系統,參考:http://jingyan.baidu.com/article/636f38bb7912cbd6b8461025.htmlapp

  當手機彈出是否容許調試時,必定得選擇容許調試frontend

3. F12打開chrome控制檯,依次選擇以下圖所示(也可在chrome地址欄中輸入chrome://inspect/#devices訪問):chrome-devtools

  

4. 鏈接成功如圖所示:ui

點擊上圖中的Inspect按鈕便可開啓調試手機網頁,以下圖:spa

 

 其中注意事項:調試

1. 地址欄輸入chrome://inspect/必定不要在隱私模式中輸入,不然無效code

2. 點擊inspect按鈕頁面空白,加載不成功處理辦法:

在hosts文件(位置C:\Windows\System32\drivers\etc\hosts)中添加

61.91.161.217    chrome-devtools-frontend.appspot.com
61.91.161.217    chrometophone.appspot.com

 

inspect

相關文章
相關標籤/搜索