阅读 77

Weinre使用方法

参考文章:blog.csdn.net/seanxwq/art…

安装weinre

npm install -g weinre

image.png

绑定调试接口

weinre --httpPort 8080 --boundHost -all-

打开调试界面

127.0.0.1:8080或ip:8080

image.png

添加调试js

添加Debug Target

有两种方式:

1,Target Script(需要向页面中添加一个js):

<script src="http://电脑ip:8080/target/target-script-min.js#anonymous" type="text/javascript"></script>
复制代码

注意:标红的部分是你自己的IP地址和端口号,自己适配去调;

2,我们也可以将一段js保存到移动设备的书签中

javascript:(function(e){e.setAttribute("src","http://127.0.0.1:8080/target/target-script-min.js#anonymous");document.getElementsByTagName("body")[0].appendChild(e);})(document.createElement("script"));void(0);
复制代码

手机测试:

1,手机连接Wifi,必须和电脑在同一段网络. 现在回到电脑端 http://127.0.0.1:8080 点击“debug client user interface:” 如果没有问题的话,就已经成功添加了Debug Target:

image.png

提示:注意手机不要锁屏,不然调试会断开!

文章分类
前端
文章标签