在移动上面开发调试是很复杂的,所以就有了weinre。安装weinre可以实现pc来调试手机页面,所以对于移动开发调试是很重要的哦~

安装weinre

weinre可以通过npm来安装:

 
  
  1. npm install -g weinre

安装完之后,可执行下面的命令来启动:

 
  
  1. weinre --httpPort 8080 --boundHost -all-

这样访问自己的127.0.0.1:8080按照提示在需要调试页面中插入一段js,然后就可以调试了。操作界面类似Chrome的 DevTools,具体操作可以看下http://people.apache.org/~pmuellr/weinre/docs/latest/Running.html教程

原理

通过在需要调试的页面中引入一段weinre的js,实现pc和手机的socket通信,从而实现实时调试。

Tips

  1. 如果你嫌每次都要在调试的页面引入js麻烦,可以做个书签或者chrome插件

  2. 如果嫌安装麻烦,可以使用phonegap的weinre:http://debug.phonegap.com/

【以上内容节选自:http://js8.in/2013/11/20/五个你必须知道的javascript和web-debug技术/】