转载请注明出处: http://qiudeqing.com/mobile_web/2015/11/04/mobile-web-debug.html

Weinre远程调试

WEb Inspector REmote使用webkit web inspector项目提供的代码在电脑端浏览器为无线端页面提供开发工具. UC, 手淘, 微信页面调试都能够支持.

1. npm install -g weinre安装
2. ipconfig getifaddr en0获取局域网ip如:30.9.161.113
3. weinre --boundHost 30.9.161.113启动监听
4. 访问http://30.9.161.113:8080查看监控信息
5. 在页面嵌入监听脚本http://30.9.161.113:8080/target/target-script-min.js#anonymous
6. 手机浏览器访问开发页面.刷新监控页面可以查看到链接页面.点击进去就可以调试了

android手机使用chrome devTool远程调试页面

原文连接

工具:

• PC端安装Chrome版本>=32
• 数据线
• 安装chrome浏览器的Android4.0+手机

设置手机

1. 在手机中找到: 设置 -> 开发者选项. (从Android4.2开始开发者选项默认隐藏, 需要在设置 -> 关于手机下找到内部版本号敲击七次)
2. 在开发者选项中选中USB调试, 点击确认框的OK
3. 用数据线连接手机之后, PC Chrome浏览器访问chrome://inspect, 下面会列出连接到电脑的手机以及手机浏览器上打开的页面
4. 在手机弹出的询问窗口中同意USB调试
5. 在PC浏览器下看到的操作界面中选择手机端打开页面,inspect 会使用PC Chrome devtool打开无线端页面