Cordova 5 架构学习 Weinre远程调试技术
2015-07-08 12:16
791 查看
手机上的页面不像桌面开发这么方便调试。可以使用Weinre进行远程调试以方便开发。本文介绍windows下的安装与使用。
###npm config set registry “https://npmjs.org”
npm install -g weinre
安装完路径可能是这样的:
输入命令
weinre –boundHost -all-
即可启动。
其它参数:
也可以在配置文件里修改默认配置。
使用浏览器打开网址:
http://localhost:8080
推荐使用原生最新版的Chrome。
如果有防火墙,要注意需要允许8080端口数据通行。
现在可以连接Cordova程序进行调试了。把下面代码放到index.html里。
若使用模拟器,可以把ip设置为localhost。但android模拟器除外,需要设置ip为10.0.2.2。
如果是使用物理设备,情况要复杂一点,要确保物理设备可以连接到电脑才行。我这里电脑和手机使用同一个网络,比较容易连接。
在投入生产环境前,勿必要去掉调试代码。否则app容易死掉。
测试:
安装
使用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
打开链接测试:
相关文章推荐
- 关于IE不兼容的网站页面
- [Study] 通过游戏学编程的网站
- 垂直类行业人才的招聘网站
- 基于rest架构的webservice
- 软件架构的数据流总结(二)
- android开发者应该收藏的优秀博客和技术网站
- MySQL高可用性大杀器之MHA | 火丁笔记
- 全新E:网站不是之前排名浮动 相比于竞争对手究竟缺少了什么?
- 个人家庭宽带搭建多域名web网站服务器配置
- php获取从百度、谷歌等搜索引擎进入网站关键词的方法
- Java UrlRewrite 实现网站URL重写过程实录
- 案例分析如何做好网站用户体验优化
- 网站制作网站制作如何实现图文并茂
- 网页色彩搭配详细解析过程_上海网站建设
- 网站优化前期需要注重那些细节呢
- 几经辛苦,千医康健康网站终于上线
- 浅谈大型web系统架构
- 在apapche中创建两个网站的配置
- 全局网站标志
- 为什么很多看起来不是很复杂的网站,比如 Facebook 需要大量顶尖高手来开发?