使用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

相关文章
相关标签/搜索