首页 > 代码库 > 移动端调试工具weinre

移动端调试工具weinre

一、安装node环境

二、安装weinre

技术分享

三、启动weinre服务:weinre --boundHost 本地ip地址

技术分享

weinre默认端口号是8080,当然我们也可自己设置一个端口号:weinre --httpPort  8081 --boundHost 本机IP,启动后打开浏览器访问如图

技术分享

四、添加script

看到页面显示可知,我们要在需要调试的界面中添加:

<script src="http://www.mamicode.com/http://192.168.66.225:8080/target/target-script-min.js#anonymous"></script>

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

技术分享

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

技术分享

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

移动端调试工具weinre