weinre调试工具的使用

Posted 2020-06-25 小金鱼紫苏

 

windows下weinre安装环境搭建

weinre是一款远程调试工具，使我们在电脑上直接调试运行在手机上的远程页面。调试的页面在手机上，调试工具在chrome，二者必须在同一个网络内。

1.安装weinre

weinre是基于node.js实现的，所以先要安装node。node下载地址https://nodejs.org/en/download/，安装完毕检测

>node --version

新版的node已经集成npm，可以直接安装weinre

>npm -g install weinre

2.运行weinre

>weinre

3.修改主机ip以及端口

默认情况下为localhost:8080，那么只有本机http://localhost:8080才能访问，如果想要其它设备手机也能访问，那么把localhost替换成all或者指定 ip，

为了避免8080端口被占用，启动一个新的端口（8088）。

4.开始调试

a.PC端打开：本机IP：8088

b.在需要调试的指定页面引入js:

<script src="http://本机IP：8088/target/target-script-min.js#anonymous"></script>

c.进入PC调试界面，调试之前在浏览器打开需要调试的页面，

d.http://本机IP:8020/lesscss/new_file.html发送链接到手机，打开链接即可实时查看调试效果