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

原文地址：

android 4.4及以上的设备，不需要也不推荐这种方式调试。参看

《 》

Weinre 的安装和运行

1、安装weinre

cmd执行以下命令

npm -g install weinre

2、运行weinre调试服务器

进入目录C:\Users\xxx\node_modulesbin，这个node_modules可能不同电脑的路径不一样

建立一个空文本，输入一下内容，重命名为"运行weinre.bat"

weinre.cmd –boundHost -all-

注意：只运行weinre.cmd的话，默认启动的是localhost:8080，

boundHost参数可以指定调试服务器IP，-all-的意思是绑定到所有可用的ip，如localhost和内网IP，这样其他局域网内的机器就可以访问你的调试服务器了

httpPort参数可以指定端口

weinre.cmd –boundHost -all- –httpPort 8081

3、webapp的启动页面加上下面的js引用

其中{app标识}是webapp的唯一标识，任意字符串

4、手机的网络必须和安装调试服务器的电脑在一个局域网，或者调试服务器是公开的服务器，手机可以访问到

Weinre 的使用

成功启动 Weinre 后就可以使用绑定的 IP 或者域名加上端口访问 Weinre 服务器了（我们这里以 http://localhost:8081 为例）。在 Webkit 核心的浏览器（例如 Chrome、Safari 等）中打开 Weinre 服务器主页：

在服务器主页有两项内容很重要：

A 链接到调试客户端页面，打开后默认到远程面板，如下图所示。

B 目标代码，这段代码要加入到需要调试的页面中，也可以用书签的方式动态加入。

远程面板总共有四部分：

A 面板切换，用过 Chrome 或者 Safari 开发者工具的对这个界面肯定很熟悉。

B 连接到调试服务器的页面，即可以调试的页面。

C 连接到调试服务地的客户端，当前只有一个。

D 调试服务器属性，绑定的端口和调试服务器能够响应式的 IP 地址列表。

远程面板以外，还有元素面板、资源面板、网络面板、时间线面板和控制台，后面这几个 Web 开发人员都很熟悉的，就不一一介绍了。

Weinre 支持的平台

支持的调试客户端（运行调试界面的浏览器）：

Google Chrome

Apple Safari

其它基于 WebKit 的浏览器

支持的调试目标（需要调试的网站或应用的界面）：

Android 浏览器应用

iOS Mobile Safari 应用

PhoneGap/Cordova other

不支持的调试目标：

iOS 3.1.3 及更早版本

webOS 1.45 及更早版本

Weinre 缺点

暂时不支持脚本的断点调试，如果要调试脚本，可以在js代码中多写一些console.log，检查输出的内容，从而达到调试的目的