移动设备浏览器、微信内置浏览器调试方法（亲测可行）

做移动设备前端开发的时候，比较头疼的问题是调试。特别是有些问题在pc上不出现，只出现在移动设备上。

使用alert()? 个人觉得不方便而且有点low

 

1.weinre 

附上链接 http://people.apache.org/~pmuellr/weinre/

搭建环境不算复杂，有点基础的人估计5分钟就能搭建好。

调试界面在pc浏览器上，需要移动设备和PC在同一局域网下。

安装：

　　1.安装node(不懂请百度、bing、google)  

      2.npm install -g wenire （-g 代表全局安装）

使用：

      1.启动wenire   命令行执行命令  weinre -boundHost 192.168.1.13 -httpPort 8080

      　　-httpPort 可选参数，是启动端口,默认8080，也可修改为其他可用端口

     　　 -boundHost 必选参数，weinre启动的IP地址

      　　还有其他参数平时用得不多，需要请参考以上链接

      2.在html或者其他目标文件中引入 

      　　注意需要修改IP和端口，与第一步设置的IP 端口一致

      3.在Chrome或Safari浏览器中打开http://192.168.1.13:8080/client/#anonymous

　　　　注意需要修改IP和端口，与第一步设置的IP 端口一致

      4.在移动设备上访问所需调试的页面

2.vConsole

附上链接 https://github.com/WechatFE/vConsole

搭建环境也很简单，在移动设备上提供了一套接近PC浏览器的调试界面。目前感觉是移动设备调试最好用的一个工具，没有之一

使用：

　　1.在html或者其他目标文件中引入 

     

      2.在移动设备上访问所需调试的页面，页面右下角有个绿色的按钮，点击后弹出调试框

      如果没有绿色的按钮，请在pc上看network面板中vconsole是否请求加载

 

转载于:https://www.cnblogs.com/BillyQin/p/7262162.html