HTML5技术

发现一款移动web端远程调试工具weinre , 哈哈! - 火骑士空空

字号+ 作者:H5之家 来源:博客园 2015-12-02 08:34 我要评论( )

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

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

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

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

废话不说,直接开始:

第一步:安装

 命令: npm install  -g  weinre

 

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

第二步:运行

命令:weinre -boundHost 192.168.1.108  -httpPort  8080

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

 

参数说明:

httpPort 调试服务器端口

boundHost 服务器的IP地址或域名

 

 

 

第三步:使用

在谷歌浏览器中输入上图的地址::8080

如下:

 

 

 

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

<script src=""></script>

 

 

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

 

 

那么怎么调试呢?

打开谷歌浏览器,输入:

 

打开后会看到如下页面:

 

是不是很熟息的界面。

参考博客:

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • [移动端] IOS下border-image不起作用的解决办法 - 小路_同学

    [移动端] IOS下border-image不起作用的解决办法 - 小路_同学

    2017-05-02 12:04

  • 移动前端常用meta标签 - 0jiji0

    移动前端常用meta标签 - 0jiji0

    2017-04-21 12:00

  • 移动端WEBAPP开发遇到的坑,以及填坑方案!持续更新~~~~ - ygjoe

    移动端WEBAPP开发遇到的坑,以及填坑方案!持续更新~~~~ - ygjoe

    2017-04-16 11:00

  • VS 2017开发ASP.NET Core Web应用过程中发现的一个重大Bug - 雲霏霏

    VS 2017开发ASP.NET Core Web应用过程中发现的一个重大Bug - 雲霏霏

    2017-04-07 16:01

网友点评
o