移动端web开发调试工具weinre npm安装方法

传统pc端web开发过程中，我们常常借助chrome控制台或者firebug等调试工具进行调试。

那么，移动web开发过程中调试怎么办呢？

（一）配置weinre服务

1、首先下载并安装nodejs 下载地址http://nodejs.org/ ,安装好的nodejs同时存在npm包管理器

2、用你npm安装weinre 在控制台运行

 npm install -g weinre

3、启动weinre服务

weinre --boundHost -all-

4、检测服务启动成功：访问http://localhost:8080,访问成功，说明服务器已配置完成。

（二）weinre的使用

1、将脚本

<script src="http://调试服务器地址/target/target-script-min.js#anonymous"></script>

引入要进行调试的页面。

2、在pc端用webkit内核浏览器访问控制台

http://localhost:8080/client/#anonymous

3、在移动端访问被调试页面后，查看控制台页面会发现被调试页面的控制台代码。鼠标经过节点会发现移动端页面上的相应节点被选中。