【转】使用weinre远程调试手机网页

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

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

1、配置调试服务器

（一）、nodejs搭建调试服务器（以windows为例）

一、安装node.js安装

程序下载：http://nodejs.org/#download
本文安装在“F:/nodejs/”目录。

二、测试安装是否成功

打开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 -v
1.2.14

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

npm install weinre

四、启动weinre服务器

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

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

五、浏览器打开

http://localhost:8080

若是访问正常，说明服务器已配置成功。

（二）、直接使用phoneGap的调试服务器
若是以为服务器配置麻烦，也可使用phoneGap现成的调试服务器。
phoneGap调试服务器地址：http://debug.phonegap.com/（至关于本机安装的http://localhost:8080）

2、weinre使用方法

一、需调试的页面加入JS脚本

如：

<script src="http://你的调试服务器地址/target/target-script-min.js#anonymous"></script>

1.1使用收获夹快速添加调试脚本到须要调试的页面。

将如下代码添加到书签，访问须要调试的页面时，访问一下书签，便可以经过JS将调试脚本添加到当前页面，但部份浏览器不支持！

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

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

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

#后面为识别码

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

在控制台，你就能够轻松的调试手机网页了！

 

原文连接：http://www.2fz1.com/?p=396