(Web) Weinre页面调试工具

1. 安装Weinre

// 1) 单个工程中安装,cd 至工程package.json同级目录
npm install weinre

// 2) 全局安装
npm install -g weinre

2. 查看本机IP地址

ifconfig

3. 获得本机ip，设为x.x.x.x

不建议使用localhost 或 127.0.0.1, 否则调试时，target出现none，找不到设备

4. 自定义端口号，设为9999

5. 启动Weinre

// 1) 单个工程中启动
./node_modules/weinre/weinre --boundHost x.x.x.x --httpPort 9999

// 2) 全局模式启动
weinre --boundHost x.x.x.x --httpPort 9999

6. 打开工程目录

在需要调试的html页面中,注入如下依赖脚本,重启工程

<script src="http://x.x.x.x:9999/target/target-script-min.js#anonymous"></script>

7. 打开浏览器输入x.x.x.x:9999,进入Weinre调试页面

x.x.x.x:9999

1）选中Targets选项卡下的目标链接🔗，选中后链接颜色 高亮 显示
2）选中Elements选项卡，即可查看调试