关闭

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

标签: 远程调试cordovaandroid
1552人阅读 评论(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
查看评论

[Phonegap+Sencha Touch] 移动开发3、使用Weinre调试PhoneGap/Cordova应用

Weinre 的安装和运行 1、安装weinre cmd执行以下命令 npm -g install weinre 2、运行weinre调试服务器 进入目录C:\Users\xxx\node_modules\.bin,这个node_modules可能不同电脑的路径不一样 建立一个空文本,输入一...
  • lovelyelfpop
  • lovelyelfpop
  • 2014-03-03 19:19
  • 4009

浅谈Cordova框架

本章节讲述Cordova框架。 目录 为何要用Cordova 什么是Cordova Cordova中UML类图 Cordova实现机制 小结 为何要用Cordova 随着移动互联网的发展,现在基本是APP满天飞,不知在大家印象中,如果我去下载一个APP,那么基本...
  • weixin_37730482
  • weixin_37730482
  • 2017-06-29 17:22
  • 830

weinre远程调试工具安装及其使用方法

weinre安装步骤 1 现在下载node.js安装 (装完要重启 不然环境变量不生效) 2 安装weinre cmd打开运行 npm install weinre -g 在mac上需要( sudo npm install weinre -g 不然会提示没有权限创建文件夹)才能安装成功 ...
  • gdfgdfk
  • gdfgdfk
  • 2015-12-15 14:25
  • 698

nodejs安装weinre 及移动端调试网页

安装nodejs官网下载安装包,安装 cmd检查是否安装成功 安装weinre 安装路径D:\nodejs\node_modules\weinre开启weinre 默认端口 在cmd中执行weinre –boundHost -all- (一定要这样写,区分大写和小写)服务器地址为http:...
  • WRian_Ban
  • WRian_Ban
  • 2015-10-08 15:39
  • 1475

[Phonegap+Sencha Touch] 移动开发76 让cordova app访问远端网站也能调用cordova插件功能

我相信,应该会有一些cordova开发者想过实现下面这种app: 使用cordova制作一个外壳app,用于浏览服务端部署的网站,这样当服务器上网站升级后,这个cordova app可以立即访问最新版。而不是每次改了一点点功能都要打包上架app。 我最近也在实现这样的功能。因为网站是在远端服务器...
  • lovelyelfpop
  • lovelyelfpop
  • 2016-02-25 10:10
  • 2823

cordova工程webview注入本地js库的方法

在使用cordova(webview)的Android工程里,需要加载远程的h5页面,为了减少流量的消耗,同时也为了提高h5的加载速度, 我们可以把h5页面用到的js库,通过本地注入,替代从网络上加载。
  • robert_cysy
  • robert_cysy
  • 2017-08-21 18:23
  • 860

ios cordova如何加载远程界面?

1.由于公司项目是把页面放到服务器的,所以只能加载远程页面。下面主要讲解怎么用cordova加载远程界面: 首先得生成一个ios的cordova项目吧,,这个网上有很多的教程,不会的同学请参考使用Cordova进行iOS开发的学习笔记(一)和MAC 下安装PHONEGAP开发环境两篇文章都对怎么安...
  • qq_33149179
  • qq_33149179
  • 2016-03-20 21:42
  • 1926

cordova学习一:基本操作

官网文档: http://docs.phonegap.com/en/edge/guide_overview_index.md.html http://cordova.apache.org/ http://cordova.apache.org/docs/en/3.4.0/guide_overview_...
  • jyy_12
  • jyy_12
  • 2015-06-22 14:36
  • 2492

Weinre入门手册

1. 初识Weinre   Weinre( Web Inspector Remote )是一款基于Web Inspector(Webkit)的远程调试工具, 它使用JS编写, 可以让我们在电脑上直接调试运行在手机上的远程页面。 与传统的Web Inspector的使用场...
  • wuyajun1124
  • wuyajun1124
  • 2014-11-30 15:05
  • 852

使用weinre调试手机页面

Weinre(Web Inspector Remote),是一种远程调试工具。功能与Firebug及chrome调试器类似,可以帮助我们即时更改页面元素、样式,调试JS等。 工作原理 weinre由三部分组成 1. debug server 核心组件,运行在服务端,负责与另...
  • qmhball
  • qmhball
  • 2015-05-19 18:50
  • 8059
    个人资料
    • 访问:1360946次
    • 积分:18990
    • 等级:
    • 排名:第563名
    • 原创:729篇
    • 转载:20篇
    • 译文:5篇
    • 评论:193条
    博客专栏
    最新评论