- 安装Weinre
// 1) 单个工程中安装,cd 至工程package.json同级目录
npm install weinre
// 2) 全局安装
npm install -g weinre
- 查看本机IP地址
ifconfig
- 获得本机ip，设为
x.x.x.x
不建议使用
localhost或127.0.0.1, 否则调试时，target出现none，找不到设备
-
自定义端口号，设为
9999 -
启动Weinre
// 1) 单个工程中启动
./node_modules/weinre/weinre --boundHost x.x.x.x --httpPort 9999
// 2) 全局模式启动
weinre --boundHost x.x.x.x --httpPort 9999
- 打开工程目录
在需要调试的
html页面中,注入如下依赖脚本,重启工程
<script src="http://x.x.x.x:9999/target/target-script-min.js#anonymous"></script>
- 打开浏览器输入
x.x.x.x:9999,进入Weinre调试页面
x.x.x.x:9999
1）选中
Targets选项卡下的目标链接🔗，选中后链接颜色 高亮 显示
2）选中Elements选项卡，即可查看调试
网友评论