pc 调试手机页面的方法

第一种 利用chrome自带功能

1 打开手机的USB Web debugging in Chrome Beta for Android这个实验室功能

2 将装有Chrome 的Android手机通过USB插入到你的电脑上

3 进入电脑的Chromium浏览器的chrome://inspect里，即可看到pc控制手机浏览器的界面。

点击inspect ，即可像本地调试一样，调试手机上的页面

优点：可以调试脚本；

无需嵌入其他调试代码 缺点：只针对chrome 浏览器

第二种 利用weinre

1 安装weinre npm install weinre -g 该服务器的根目录是： C:\Users\xiongzhengxiang\AppData\Roaming\npm\node_modules\weinre

2 在根目录下，创建项目目录，比如wise\index.html

3 打开weinre 服务，weinre --boundHost -all-

4 在pc上打开localhost:8080 ，把Target Script 中的js链接，写入到需要测试的页面中，比如wise\index.html

5 用手机访问链接：ip:8080/wise/index.html 6 打开localhost:8080/client。选择targets 中的链接，然后，用上面的类似chrome dev tool 的工具调试手机上的页面。

参考： http://www.cnblogs.com/lvdabao/p/3436620.html http://people.apache.org/~pmuellr/weinre/docs/latest/Running.html

优点：能覆盖webkit的浏览器

缺点：需要修改源代码，在源代码中加入js；

仅能覆盖webkit浏览器，而chrome 和 safari 自身带有非常好的手机调试工具；

只能调试样式问题