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

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

安装

使用npm安装,可以运行:

###npm config set registry “https://npmjs.org”
npm install -g weinre

安装完路径可能是这样的:
Android开发系列10 Cordova架构学习 Weinre远程调试技术_第1张图片

输入命令

weinre –boundHost -all-
即可启动。

这里写图片描述
其它参数:

boundHost:  -all-
httpPort:  8081
reuseAddr:  true
readTimeout:  1
deathTimeout: 5

也可以在配置文件里修改默认配置。

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

推荐使用原生最新版的Chrome。
Android开发系列10 Cordova架构学习 Weinre远程调试技术_第2张图片

如果有防火墙,要注意需要允许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开发系列10 Cordova架构学习 Weinre远程调试技术_第3张图片

测试:
Android开发系列10 Cordova架构学习 Weinre远程调试技术_第4张图片

你可能感兴趣的:(android,Cordova,远程调试)