使用weinre远程调试
2015-03-08 14:54
232 查看
1、调试环境:
1)使用nodejs搭建调试服务器:
先安装node,然后使用npm安装weinre,在node.js安装目录输入以下命令
2)需要wifi环境和webkit浏览器。
2、远程调试:
1)启动weinre服务器
2)测试
浏览器打开
http://localhost:8080 http://192.168.1.125:8080
如果访问正常,说明服务器已配置成功。
3) 调试手机页面
在要远程调试的页面中加上下面代码,即可远程调试
或者使用收获夹快速添加调试脚本到需要调试的页面。
将以下代码添加到书签,访问需要调试的页面时,访问一下书签,即可以通过JS将调试脚本添加到当前页面,但部份浏览器不支持!
3、直接使用phoneGap的调试服务器
如果觉得服务器配置麻烦,也可以使用phoneGap现成的调试服务器。
phoneGap调试服务器地址:http://debug.phonegap.com/(相当于本机安装的http://localhost:8080)
1)使用nodejs搭建调试服务器:
先安装node,然后使用npm安装weinre,在node.js安装目录输入以下命令
npm install weinre
2)需要wifi环境和webkit浏览器。
2、远程调试:
1)启动weinre服务器
d: //在命令行中进入d盘 cd Nodejs //进入Nodejs安装目录 此处是d:/Nodejs node.exe node_modules\weinre\weinre --boundHost -all- //启动weinre服务器
node.exe node_modules\weinre\weinre --boundHost 192.168.1.125 //启动weinre服务器 指定绑定的ip
2)测试
浏览器打开
http://localhost:8080 http://192.168.1.125:8080
如果访问正常,说明服务器已配置成功。
3) 调试手机页面
在要远程调试的页面中加上下面代码,即可远程调试
<!-- 远程调试 --> <script src="http://58.198.183.20:8080/target/target-script-min.js#anonymous"></script>
或者使用收获夹快速添加调试脚本到需要调试的页面。
将以下代码添加到书签,访问需要调试的页面时,访问一下书签,即可以通过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);
3、直接使用phoneGap的调试服务器
如果觉得服务器配置麻烦,也可以使用phoneGap现成的调试服务器。
phoneGap调试服务器地址:http://debug.phonegap.com/(相当于本机安装的http://localhost:8080)
相关文章推荐
- 使用weinre远程调试网页
- 使用weinre在PC端同步远程调试移动端页面(在xampp上部署项目到Tomcat,并通过外网访问(图解). )
- 远程调试工具weinre使用教程
- 远程调试weinre的使用
- nodejs使用weinre远程调试手机网页
- 使用weinre远程调试手机网页(nodejs、phoneGap)
- weinre远程调试工具安装及其使用方法
- 使用weinre对WebApp页面dom进行远程调试
- 如何使用weinre来进行远程调试phonegap应用
- 使用VS调试 远程服务器上Web 应用程序
- 使用VS2008调试远程主机
- 使用Eclipse远程调试发布在Tomcat上的Web应用
- 在ARM开发板中使用gdb进行远程调试
- 使用 Eclipse 远程调试 Java 应用程序
- 使用gdbserver远程调试
- 使用Eclipse远程调试发布在Tomcat上的Web应用
- 使用VS2005搭建典型高效的SharePoint开发环境,提高生产效率,包含远程调试,自动部署
- 使用Eclipse进行远程调试
- 如何使用VC进行远程调试(Remote Debug)
- 使用windbg进行远程调试