你的位置:首页 > 软件开发 > 网页设计 > 发现一款移动web端远程调试工具weinre , 哈哈!

发现一款移动web端远程调试工具weinre , 哈哈!

发布时间:2015-12-02 01:00:07
之前调试一直用的是chrome的远程调试,虽然效果很不错,但是在调试cordova,微信时多有不便。在git上找工具时发现了这个:weinre,使用方法非常简单附上git地址: https://github.com/apache/cordova-weinre废话不说,直接开始:第 ...

之前调试一直用的是chrome的远程调试,虽然效果很不错,但是在调试cordova,微信时多有不便。

在git上找工具时发现了这个:weinre,使用方法非常简单

附上git地址: https://github.com/apache/cordova-weinre

废话不说,直接开始:

第一步:安装

 命令: npm install  -g  weinre

 

发现一款移动web端远程调试工具weinre , 哈哈!

如果安装失败,可以试试加上版本号安装:npm -g install weinre@latest

第二步:运行

命令:weinre -boundHost 192.168.1.108  -httpPort  8080

我的电脑所在局域网ip是 192.168.1.108

发现一款移动web端远程调试工具weinre , 哈哈!

 

参数说明:

httpPort调试服务器端口
boundHost服务器的IP地址或域名

 

 

 

第三步:使用

谷歌浏览器中输入上图的地址:http://192.168.1.108:8080

如下:

发现一款移动web端远程调试工具weinre , 哈哈!

 

 

 

在调试服务器中加入js引用:

<script src='/images/loading.gif' data-original="http://192.168.1.108:8080/target/target-script-min.js#anonymous"></script>

发现一款移动web端远程调试工具weinre , 哈哈!

 

 

现在在手机上访问需要调试的页面,我的调试页面地址是:http://192.168.1.108:37365/

 

 

那么怎么调试呢?

打开谷歌浏览器,输入:

http://192.168.1.108:8080/client/#anonymous

发现一款移动web端远程调试工具weinre , 哈哈!

 

打开后会看到如下页面:

发现一款移动web端远程调试工具weinre , 哈哈!

 

是不是很熟息的界面。

参考博客:http://www.cnblogs.com/tugenhua0707/p/4681482.html

------------------------------结束线----------------------------------------------------------------


原标题:发现一款移动web端远程调试工具weinre , 哈哈!

关键词:web

web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。