移动端调试工具weinre

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端调试工具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-min.js#anonymous"></script>

五、手机usb连接电脑,启动项目服务,并在手机中访问页面地址

技术分享

出现上面绿色代表连接成功,点击最上面的第二个Tab--Elements,进入调试页面

技术分享

这时,更改页面结构或调节样式,手机都会显示出来,很方便调试问题

以上是关于移动端调试工具weinre的主要内容,如果未能解决你的问题,请参考以下文章

远程调试weinre的使用

H5移动端调试 weinre

Weinre

远程调试工具weinre使用教程

远程调试 Weinre

Mobile Web调试工具Weinre (reproduce)