传统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、在移动端访问被调试页面后,查看控制台页面会发现被调试页面的控制台代码。鼠标经过节点会发现移动端页面上的相应节点被选中。