Android开发系列十 Cordova架构学习 Weinre远程调试技术

Android开发系列10 Cordova架构学习 Weinre远程调试技术

手机上的页面不像桌面开发这么方便调试。可以使用Weinre进行远程调试以方便开发。本文介绍windows下的安装与使用。

安装

使用npm安装,可以运行:

npm install -g weinre

安装完路径可能是这样的:
Android开发系列十 Cordova架构学习 Weinre远程调试技术

输入命令

weinre
即可启动。

Android开发系列十 Cordova架构学习 Weinre远程调试技术

使用浏览器打开网址:
http://localhost:8080

推荐使用Chrome。
Android开发系列十 Cordova架构学习 Weinre远程调试技术

如果有防火墙,要注意需要允许8080端口数据通行。

现在可以连接Cordova程序进行调试了。把下面代码放到index.html里。

<script src="http://你的pc的ip:8080/target/target-script-min.js"></script>

若使用模拟器,可以把ip设置为localhost。但android模拟器除外,需要设置ip为10.0.2.2。
如果是使用物理设备,情况要复杂一点,要确保物理设备可以连接到电脑才行。我这里电脑和手机使用同一个网络,比较容易连接。
在投入生产环境前,勿必要去掉调试代码。否则app容易死掉。

现在打开Cordova的app

打开链接
Android开发系列十 Cordova架构学习 Weinre远程调试技术

测试:
Android开发系列十 Cordova架构学习 Weinre远程调试技术

版权声明:本文为博主原创文章,未经博主允许不得转载。