使用Weinre调试webapp

这是之前写的一篇文章，如今搬运过来

前言

移动web的调试一直是个难题，前期可使用模拟器来协助调试，但到了真机调试阶段就让人很是头痛。而 Weinre就是解决这难题的利器。 Weinre的本意是Web Inspector Remote，它是一种远程调试工具。功能与Firebug、Webkit inspector相似，能够帮助咱们即时更改页面元素、样式，调试JS等。这篇文章是我以前发表在oschina的博文，原始连接

weinre的安装

首先下载nodejs，个人环境是debian，在nodejs官网下载源码包，解压并移动。

tar xvf node-v0.10.26.tar.gz
mv  node-v0.10.26 /opt/nodejs  //移动到/opt/nodejs

进入目录并检查环境

cd /opt/nodejs
./configure

Nodejs安装须要python, 若是python版本过低，请安装合适的python版本，建议使用python-2.7的版本,还须要GCC/G++，若是你计划在Node.js中启用网络加密，OpenSSL的加密库也是必须的。该加密库是libssl-dev，能够经过apt-get install libssl-dev等命令安装。

安装nodejs

sudo make
sudo make install

安装的过程会比较久，个人渣机子足足运行了一个小时。

要保证user有sudo权限，user不在sudo组的话，参考如下：

首须要切换到root身份

su - //注意有- ，这和su是不一样的，在用命令"su"的时候只是切换到root，但没有把root的环境变量传过去，仍是当前用户的环境变量，用"su -"命令将环境变量也一块儿带过去，就象和root登陆同样

visudo //切记，此处没有vi和sudo之间没有空格

• 移动光标，到最后一行
• 按a，进入append模式
• 输入 your_user_name ALL=(ALL) ALL
• 按Esc
• 输入“:w”(保存文件)

• 输入“:q”(退出)

  这样就把本身加入了sudo组，可使用sudo命令了

经过npm安装Weinre

npm -g install weinre

weinre的启动

Weinre默认路径为/usr/local/lib/node_modules/weinre/weinre，初始端口为8080，进入，装目录：

weinre --boundHost -all-

就能够启动weinre，也能够指定端口参数：

weinre --boundHost -all- --httpPort 8081

若是是外网的话还须要在路由器里设置端口映射。

weinre的使用

webapp的启动页面加上下面的js引用：

<script type="text/javascript">http://192.168.1.101:8081/target/target-script-min.js#{app标识}</script>

其中{app标识}是webapp的惟一标识，任意字符串。

启动webapp以后，访问http://192.168.1.101:8081/client/#{app标识}，注意，这里的http后面的网址须要和script中的一致，链接上以后可能在首页上不显示客户端已链接，直接访问调试的网址便可。

看到这个界面应该很熟悉吧，尤为是上面的几个面板

1. 面板切换，用过 Chrome 或者 Safari 开发者工具的对这个界面确定很熟悉。
2. 链接到调试服务器的页面，便可以调试的页面。
3. 链接到调试服务地的客户端，当前只有一个。
4. 调试服务器属性，绑定的端口和调试服务器可以响应式的 IP 地址列表。

我这里调试的是一个phonegap项目，仍是比较方便的

---

扩展阅读：http://people.apache.org/~pmuellr/weinre/docs/latest/Running.html