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

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

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

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

废话不说,直接开始:

第一步:安装

命令: npm install  -g  weinre

如果安装失败,可以试试加上版本号安装:npm -g install [email protected]

第二步:运行

命令:weinre -boundHost 192.168.1.108  -httpPort  8080

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

参数说明:

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

第三步:使用

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

如下:

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

<script src="http://192.168.1.108:8080/target/target-script-min.js#anonymous"></script>

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

那么怎么调试呢?

打开谷歌浏览器,输入:

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

打开后会看到如下页面:

是不是很熟息的界面。

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

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

时间: 2024-10-10 05:58:20

发现一款移动web端远程调试工具weinre , 哈哈!的相关文章

非常实用的mobile web application远程调试工具 weinre

在移动web应用中,由于没有类似chrome和firebug的调试工具,调试起来比在PC上相对麻烦一些,有时候只能反复进行修改比对,但使用weinre我们可以轻松做到远程调试的功能. 什么是weinre? 官方解释: we是指web,in是指inspector,re是指remote,合起来就是weinre. http://people.apache.org/~pmuellr/weinre/ 如何安装? weinre基于node,使用npm快速安装: npm install weinre 使用 使

很有用的mobile web application远程调试工具 weinre

在移动web应用中,因为没有类似chrome和firebug的调试工具,调试起来比在PC上相对麻烦一些,有时候仅仅能重复进行改动比对,但使用weinre我们能够轻松做到远程调试的功能. 什么是weinre? 官方解释: we是指web,in是指inspector.re是指remote.合起来就是weinre. http://people.apache.org/~pmuellr/weinre/ 怎样安装? weinre基于node,使用npm高速安装: npm install weinre 使用

移动端远程调试工具

两款移动端远程调试工具debuggap http://www.debuggap.com/Vorlonjs http://vorlonjs.com/ Debuggap亲测可行,但是有些坑Vorlon新出的.还没试

转 Web移动应用调试工具——Weinre

如今人们也越来越习惯在手机上浏览网页,而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹.Web应用开发者需要针对手机进行界面的重新设计,但是手机上并没有称心如意的调试工具(如Firebug.web inspector),重新设计界面的工作往往事半功倍.本文介绍的调试工具Weinre 就是解决这一问题的优秀调试工具. Weinre是什么? Weinre代表We b In spector Re mote,是一种远程调试工具.举个例子,在电脑上可以即时 的更改手机上对应网页的页面元素.样式表,或是查

远程调试工具weinre使用教程

一:前言 我们都知道,chrome的开发者工具(f12)是一个方便我们调试PC页面的工具.但是现在我们的开发离不开移动端,那如果我们需要对手机页面进行调试,那该怎么办了? 当然,chrome的开发者工具还是强大的,我们可以再开发者工具中开启device mode来模拟手机调试.具体步骤为: 1. 点击这个图标就可以进入device模式了.   2. 然后我们的界面就变成下面这个样子,通过改变箭头所指的下拉框,就可以模拟不同的移动设备了.: 这个功能确实是很方便我们调试手机页面,但有一个严重的问题

Web移动应用调试工具&mdash;&mdash;Weinre

      如今人们也越来越习惯在手机上浏览网页,而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹.Web应用开发者需要针对手机进行界面的重新设计,但是手机上并没有称心如意的调试工具(如Firebug.web inspector),重新设计界面的工作往往事半功倍.本文介绍的调试工具Weinre 就是解决这一问题的优秀调试工具. Weinre是什么? Weinre代表We b In spector Re mote,是一种远程调试工具.举个例子,在电脑上可以即时 的更改手机上对应网页的页面元素.样

Web移动应用调试工具——Weinre

如今人们也越来越习惯在手机上浏览网页,而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹.Web应用开发者需要针对手机进行界面的重新设计,但是手机上并没有称心如意的调试工具(如Firebug.web inspector),重新设计界面的工作往往事半功倍.本文介绍的调试工具Weinre 就是解决这一问题的优秀调试工具. Weinre是什么? Weinre代表We b In spector Re mote,是一种远程调试工具.举个例子,在电脑上可以即时 的更改手机上对应网页的页面元素.样式表,或是查

移动端挑调试工具weinre安装教程(java版)

先申明:本安装教程是基于java的jdk安装的,经过测试可以正常使用,基于nodejs的安装,小喵鼓弄了好几天也没有成功,如果哪位童鞋基于nodejs安装成功了,请联系小喵,小喵在这里先谢谢你了! 好了,不说废话了,主菜端上来了... 一.配置JAVA的环境变量 1.下载java的jdk,并安装,已共享了64位的jdk,直接点击安装即可 成功安装之后,进行测试是否真的成功安装,点击[开始]----[运行]----输入 CMD,在命令提示符里面输入“Java -version”并按回车键,出现下图

如何实用便捷的在本地真机调试WEB端HTML5网页

先简单介绍两款常用但需要一定条件或限制的工具 1.如果你能FQ chrome在32版本后就自带了移动端调度工具,可以在Android直接联调,但唯一遗憾的是,在我大天朝要FQ后才能行的通,我自己试了后公司好几个机器联不上… 2.如果你有苹果电脑和iphone 苹果电脑上的safari 6.0版本后就可以直接连接iphone手机调试手机版上safari正在浏览的web页面,前提是你得有个苹果电脑和iphone手机,但如果你是Android的话,就没办法了 符合前端B格的“小苹果” 自己在公司里也是