本文主要是介绍[Phonegap+Sencha Touch] 移动开发3、调试PhoneGap应用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
Weinre 的安装和运行
1、安装weinre
cmd执行以下命令
npm -g install weinre
2、运行weinre调试服务器
进入目录C:\Users\xxx\node_modules\.bin,这个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引用
<script type="text/javascript">http://localhost:8081/target/target-script-min.js#{app标识}</script>
其中{app标识}是webapp的唯一标识,任意字符串
4、手机的网络必须和安装调试服务器的电脑在一个局域网,或者调试服务器是公开的服务器,手机可以访问到
成功启动 Weinre 后就可以使用绑定的 IP 或者域名加上端口访问 Weinre 服务器了(我们这里以 http://localhost:8081 为例)。在 Webkit 核心的浏览器(例如 Chrome、Safari 等)中打开 Weinre 服务器主页:
在服务器主页有两项内容很重要:
A 链接到调试客户端页面,打开后默认到远程面板,如下图所示。
B 目标代码,这段代码要加入到需要调试的页面中,也可以用书签的方式动态加入。
远程面板总共有四部分:
A 面板切换,用过 Chrome 或者 Safari 开发者工具的对这个界面肯定很熟悉。
B 连接到调试服务器的页面,即可以调试的页面。
C 连接到调试服务地的客户端,当前只有一个。
D 调试服务器属性,绑定的端口和调试服务器能够响应式的 IP 地址列表。
远程面板以外,还有元素面板、资源面板、网络面板、时间线面板和控制台,后面这几个 Web 开发人员都很熟悉的,就不一一介绍了。
支持的调试客户端(运行调试界面的浏览器):
Google Chrome
Apple Safari
其它基于 WebKit 的浏览器
支持的调试目标(需要调试的网站或应用的界面):
Android 浏览器应用
iOS Mobile Safari 应用
PhoneGap/Cordova other
不支持的调试目标:
iOS 3.1.3 及更早版本
webOS 1.45 及更早版本
暂时不支持脚本的断点调试,如果要调试脚本,可以在js代码中多写一些console.log,检查输出的内容,从而达到调试的目的
这篇关于[Phonegap+Sencha Touch] 移动开发3、调试PhoneGap应用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!