引言
移动端网页 ：
介绍物理连接方式：仅用于Safari、Chrome浏览器。
Mac Safari + iPhone Safari
Mac Chrome + Android Chrome
1、Mac Safari + iPhone Safari
1、Mac Safari设置
Safari浏览器--偏好设置--高级
image
勾选之后，Safari菜单栏就会出现“开发”菜单
2、iPhone Safari设置
设置--Safari浏览器--高级
开启“网页检查器”
image
3、通过USB物理连接手机和电脑
初次连接，手机会有“信任”弹窗，这时再打开Mac Safari，在iPhone Safari访问的页面就能在这里看到，点击进入就能看到资源文件、DOM元素等：
image
2、Mac Chrome + Android Chrome
1、Android通过USB数据线与Mac连接
2、Android Chrome
手机会有消息提示
image
点击允许开启开发人员选项，允许USB调试
3、Mac Chrome访问链接chrome://inspect/#devices，手机会弹出“允许调试”提示，
image
4、进入“开发者工具”页面
chrome://inspect/#devices页面就能看到我们手机Chrome里的访问记录了
image
点击“inspect”会新开一个窗口，左侧就是手机Chrome页面，更cool的是，左侧是手机样式（对其操作手机会同步），右侧是开发者工具，调试起来非常方便。而Mac Safari中只能看到开发者工具，效果只能在iPhone Safari中看。
3、微信网页调试
1、WeChat
首先用微信打开http://debugx5.qq.com 或者扫描下面二维码
image
设置信息TBS 调试：
image
2、Mac Chrome设置
操作同上述Mac Chrome + Android Chrome，进入chrome://inspect/#devices后，就能看到
image
此时微信再打开别的页面，该区域就会自动刷新，点击inspect就能进入调试页面了。
image
该方法仅适用于Android微信，IOS的可参考https://github.com/wuchangming/spy-debugger。
Tips：点击inspect页面空白或404，是因为，需要翻墙。
