weinre 移动项目的远程调试

在项目开发中,尤其是移动端项目开发,部署到真机上之后,由于不同机型的适配或者兼容性的问题,而出现样式或者布局发生改变,甚至是功能出现问题。而谷歌或者火狐的模拟手机,也仅仅是模拟而已,与真机终究是不一样的。

因此,如何在真机上查看我们的代码效果,就必须要远程调试了。

而weinre作为简单易上手的移动端远程调试工具,诸位可以尝试一下。

首先,(前提是你安装了node,如果没有,自行百度,此不赘述),安装weinre

npm install weinre


其次,在需要查看的页面中加入script标签

固定的写法,需要注意的是,IP地址端口号 要和终端命令行里的保持一致。



第三,终端运行dos命令

weinre --httpPort 8090 --boundHost 192.168.1.178

8090是自己定义的端口号,可以更改,默认是8080;192.168.1.178是本地的IP。默认是localHoust。

weinre --httpPort --boundHost -all- 这个可能会是一些教程上的。如果想改成自己想要的。就是上面的写法

第四,启动服务之后,在谷歌地址栏里输入你的IP和端口号

点击 箭头地址




变绿,证明你的监测链接成功了


之后,切换红框里的选项,就可以像平时web一样进行调试了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值