使用Weinre调试webapp

weinre的安装:
javascript

首先下载nodejs,博主的环境是debian,http://nodejs.org/download/  下载源码包html

解压并移动java

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

进入目录并检查环境node

cd /opt/nodejs
./configure

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

安装nodejsweb

sudo make
sudo make install

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

PS:apache

要保证user有sudo权限,user不在sudo组的话,参考如下:npm

解决方案:服务器

首须要切换到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中的一致,链接上以后可能在首页上不显示客户端已链接,直接访问调试的网址便可。

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

A 面板切换,用过 Chrome 或者 Safari 开发者工具的对这个界面确定很熟悉。

B 链接到调试服务器的页面,便可以调试的页面。

C 链接到调试服务地的客户端,当前只有一个。

D 调试服务器属性,绑定的端口和调试服务器可以响应式的 IP 地址列表。

本人这里调试的是一个phonegap项目,仍是比较方便的

http://people.apache.org/~pmuellr/weinre/docs/latest/Running.html

这里有更加详细的weinre用法,能够参考。

相关文章
相关标签/搜索