移动端开发的调试工具Weinre

在移动上面开发调试是很复杂的，所以就有了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技术/】