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

先申明:本安装教程是基于java的jdk安装的,经过测试可以正常使用,基于nodejs的安装,小喵鼓弄了好几天也没有成功,如果哪位童鞋基于nodejs安装成功了,请联系小喵,小喵在这里先谢谢你了!

好了,不说废话了,主菜端上来了。。。

一.配置JAVA的环境变量

1.下载java的jdk,并安装,已共享了64位的jdk,直接点击安装即可

成功安装之后,进行测试是否真的成功安装,点击【开始】----【运行】----输入 CMD,在命令提示符里面输入“Java -version”并按回车键,出现下图,即为安装成功。如图:

2.下面开始配置环境变量,右击【我的电脑】---【属性】-----【高级】---【环境变量】,选择【新建系统变量】--弹出“新建系统变量”对话框,在“变量名”文本框输入“JAVA_HOME”,在“变量值”文本框输入JDK的安装路径(我的是默认:C:\Program Files (x86)\Java\jdk1.8.0_45),单击“确定”按钮

3.在“系统变量”选项区域中查看PATH变量,如果不存在,则新建变量 PATH,否则选中该变量,单击“编辑”按钮,在“变量值”文本框的起始位置添加“%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;”单击确定按钮(注意后面的;)

4.在“系统变量”选项区域中查看CLASSPATH 变量,如果不存在,则新建变量CLASSPATH,否则选中该变量,单击“编辑”按钮,在“变量值”文本框的起始位置添加 “.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;”单击确定按钮(注意前面的.)

5.现在测试环境变量的配置成功与否。在DOS命令行窗口输入“javac”,输出帮助信息即为配置正确。

记得不要漏掉最后的“;”符号

二.安装安装及运行Weinre

1.下载Weinre(已共享,牺牲了1个积分,做了好多任务才赚的。。。)

2.运行cmd,在weinre所在文件夹的地址栏输入代码:java -jar weinre.jar --httpPort 8081 --boundHost -all-  (如下图)

3.回车后会出现相应信息(注意:在调试过程中不要关闭cmd):

4.打开本地浏览器,(使用webkit内核浏览器(chrome、safari))访问 http://localhost:8081/,不出意外的话可以看到weinre的基本信息。

5.移动设备须有有wifi无线连接,且和电脑在同一网段,确保本机安装了服务器,我安装的是xampp,所以放在htdocs目录下,我的文件在E:\yii-xampp\htdocs\app下,请根据你的情况修改

6.修改配置

C:\Windows\System32\drivers\etc\hosts

E:\yii-xampp\apache\conf\extra\httpd-vhosts.conf

请根据情况自行修改,注意上图必须中的配置(lijianwei.app.com)必须放在其他配置前面

(此时在页面中输入http://lijianwei.app.com/,即可访问index.html页面)三、添加Debug Target

1.打开本地浏览器,(使用webkit内核浏览器(safari))访问 http://localhost:8081/,我在Chrome 测试时打开Debug客户端出现页面白板,原因未知,了解原因的欢迎QQ我,换为Safari浏览器打开则正常。(难道真的是人品太差了吗)

2.上图中的"debug client user interface"是weinre的Debug客户端,点击进入后可以看到目前还没有被测试的目标网页。

3.为了让需要调试的页面被weinre检测到,需要添加Debug Target,该方法需要在调试的页面中增加一个js:

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

,红色部分为你的IP地址。

添加后在移动设备中访问该页面(http://192.168.16.139/index.html)即可

4.回到http://localhost:8081页面,点击“debug client user interface:”链接进入weinre的Debug界面,如果成功添加了Debug Target,这里可以看到它。

5.接下来我们就可用自己熟悉的方式调试页面了,并且调试结果会实时显示在移动设备,一开始没反应时请刷新手机页面,并耐心等待几秒钟(小憩一下)

6.接下来就是见证奇迹的时刻了,点击页面上的

移动鼠标,发现手机上相应的元素会动了,折腾了几天,终于会动了,泪崩中,别烦我。。。

(教程写好了,是不是很简单,nodejs折腾了n久,简单个mao,请叫我红领巾。。。)

(备注:weinre.bat用记事本打开cmd /c start java -jar D:\MyFile\weinre\weinre.jar --httpPort 8081 --boundHost -all- ,红色部分请修改为自己的目录)

时间: 2024-10-19 12:38:45

移动端挑调试工具weinre安装教程(java版)的相关文章

webservice的Axis2入门教程java版

本文转自百度文库 Axis2是一套崭新的WebService引擎,该版本是对Axis1.x重新设计的产物.Axis2不仅支持SOAP1.1和SOAP1.2,还集成了非常流行的REST WebService,同时还支持Spring.JSON等技术.这些都将在后面的系列教程中讲解.在本文中主要介绍了如何使用Axis2开发一个不需要任何配置文件的WebService,并在客户端使用Java和C#调用这个WebService. 一.Axis2的下载和安装 读者可以从如下的网址下载Axis2的最新版本:

远程调试工具weinre使用教程

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

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

之前调试一直用的是chrome的远程调试,虽然效果很不错,但是在调试cordova,微信时多有不便. 在git上找工具时发现了这个:weinre,使用方法非常简单 附上git地址: https://github.com/apache/cordova-weinre 废话不说,直接开始: 第一步:安装 命令: npm install  -g  weinre 如果安装失败,可以试试加上版本号安装:npm -g install [email protected] 第二步:运行 命令:weinre -bo

Odoo安装教程-社区版与企业版的区别

社区版与企业版Odoo 是这款软件的名称,同时也是发布软件的公司名称.Odoo 采取核心开源的业务模式,社区版(CE)完全免费开源,而企业版(EE)则是一款付费产品.社区版提供了全部的框架功能和大多数与 Odoo 捆绑的业务应用基础功能.Odoo 采取 LGPL 开源协议,允许在开源模块之上添加专属扩展.企业版建立在社区版基础之上,包含社区版所有功能和额外的独有功能.值得一提的是企业版带有一个移动端优化的用户界面,两个版本的用户界面底层完全相同.Odoo 在线SaaS 服务使用的是企业版,会部署

oracle 11g安装教程终结版

1.解压文件 2.双击 “setup.exe” 3.高级安装.下一步 4.企业版  下一步 5.下一步 6.只要不报错,警告没事.(路径如果报错的话,没事,直接继续) 注意:如果有需要6.2版本的错误,请如下修改,,下图中复制一段,改成<VERSION VALUE = "6.2"/> 7.创建数据库,下一步 8.下一步 9.下一步 10.选择示例方案,勾选下图,下一步 11.下一步 12.默认,下一步 13.默认,下一步 14.设置密码,下一步 15.默认,下一步 16.默

移动端Web开发调试之Weinre调试教程

在设计师与前端开发人员的努力下,一个WebApp出炉了,可是测试人员说了一堆的问题:某某机型下页面表现不一致,某某系统下页面如何如何,某某系统浏览器下页面怎么怎么滴.看着满满的测试汇总文档,我们曾经在一个又一个知名或不知名的手机终端上重复着这些工作:仔细的排查代码,alert可疑的变量,甚至不惜重构来尝试解决这种不一致的问题.虽然说Android 4.0+以上的移动设备支持桌面版Chrome远程调试,而且在Android 4.4以下也仅限于预览Chrome手机版浏览器内部效果,我们无法在问题浏览

SSR服务端安装教程

SSR服务端安装教程https://github.com/breakwa11/shadowsocks-rss/wiki/Server-Setup SS服务端安装教程https://github.com/shadowsocks/shadowsocks/wiki/Shadowsocks-%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8ESS单用户配置教程https://github.com/shadowsocks/shadowsocks/wiki/Configuration-v

移动端调试工具weinre

一.安装node环境 二.安装weinre 三.启动weinre服务:weinre --boundHost 本地ip地址 weinre默认端口号是8080,当然我们也可自己设置一个端口号:weinre --httpPort  8081 --boundHost 本机IP,启动后打开浏览器访问如图 四.添加script 看到页面显示可知,我们要在需要调试的界面中添加: <script src="http://192.168.66.225:8080/target/target-script-mi

PHP调试工具Xdebug安装配置教程

PHP调试工具Xdebug安装配置教程 说到PHP代码调试,对于有经验的PHPer,通过echo.print_r.var_dump函数,或PHP开发工具zend studio.editplus可解决大部分问题,但是对于PHP入门学习的童鞋来说有一定的难度,而且仅仅通过上述这些PHP调试手段,也很难准确发现PHP性能方面的问题,Xdebug是一个非常有用的PHP调试工具. Xdebug作为PHP调试工具,提供了丰富的调试函数,也可将Xdebug安装配置为zend studio.editplus调试