关闭

使用weinre远程调试手机网页(nodejs、phoneGap)

66人阅读 评论(0) 收藏 举报
分类:

http://ju.outofmemory.cn/entry/1355

本调试方式需要wifi环境和webkit浏览器。

weiner主页:http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html

一、配置调试服务器

(一)、nodejs搭建调试服务器(以windows为例)
1、安装node.js
安装程序下载:http://nodejs.org/#download
本文安装在“F:/nodejs/”目录。

2、测试安装是否成功
打开CMD,切换到nodejs所在的安装目录。输入如下命令测试node.js和npm是否安装成功。默认windows最新安装包,会包含npm,如果npm没有安装,请手动安装。

C:\Users\jason>f: (选择盘符)
F:\>cd nodejs (选择目录)
F:\nodejs>node -v v0.10.0 
F:\nodejs>npm -1.2.14

3、使用npm安装weinre,在node.js安装目录输入以下命令

npm install weinre


4、启动weinre服务器

node.exe node_modules\weinre\weinre --boundHost -all-
node.exe node_modules\weinre\weinre --boundHost  192.168.1.125 

在windows下,系统防火墙可能会弹出是否允许其访问网络的提示,点击充许即可。

5、浏览器打开

http://localhost:8080

http://192.168.1.125:8080

如果访问正常,说明服务器已配置成功。

(二)、直接使用phoneGap的调试服务器
如果觉得服务器配置麻烦,也可以使用phoneGap现成的调试服务器。
phoneGap调试服务器地址:http://debug.phonegap.com/(相当于本机安装的http://localhost:8080)

二、weinre使用方法
1、需调试的页面加入JS脚本
如:


'

1.1使用收获夹快速添加调试脚本到需要调试的页面。将以下代码添加到书签,访问需要调试的页面时,访问一下书签,即可以通过JS将调试脚本添加到当前页面,但部份浏览器不支持!

javascript:(function(e){e.setAttribute("src","http://你的调试服务器地址/target/target-script-min.js#anonymous");document.getElementsByTagName("body")[0].a(e);})(document.createElement_x_x_x_x_x_x_x("script"));void(0);

2、在PC端使用webkit浏览器打开控制台

http://10.18.252.111:8080/client/#anonymous

#后面为识别码

tips:识别码仅仅是为了识别多个需调试的项目时使用,可供多用户操作。

在控制台,你就可以轻松的调试手机网页了!

本文出自:http://www.2fz1.com, 原文地址:http://www.2fz1.com/?p=396, 感谢原作者分享。
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    文章分类
    个人资料
    • 访问:1837次
    • 积分:81
    • 等级:
    • 排名:千里之外
    • 原创:5篇
    • 转载:11篇
    • 译文:0篇
    • 评论:0条