weinre调试工具的使用

 

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)。

>weinre --httpPort 8088 --boundHost 本机IP

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发送链接到手机,打开链接即可实时查看调试效果

原文地址:https://www.cnblogs.com/yuanyuan0809/p/5292663.html