关闭

Cordova 5 架构学习 Weinre远程调试技术

标签: 远程调试cordovaandroid
1447人阅读 评论(0) 收藏 举报
分类:

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

安装

使用npm安装,可以运行:

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

安装完路径可能是这样的:
这里写图片描述

输入命令

weinre –boundHost -all-
即可启动。

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

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

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

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

推荐使用原生最新版的Chrome。
这里写图片描述

如果有防火墙,要注意需要允许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

打开链接
这里写图片描述

测试:
这里写图片描述

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1219578次
    • 积分:17432
    • 等级:
    • 排名:第606名
    • 原创:698篇
    • 转载:19篇
    • 译文:5篇
    • 评论:182条
    最新评论