一,使用浏览器配合手机调试

1),Chrome+Android调试

1,PC端安装最新版本的Google浏览器

2,移动端安装最新版本的Google浏览器

3,移动端打开开发者模式

4,PC和移动端处于同一个网络

5,通过USB连接PC和Android

6,浏览器输入网址:chrome://inspect/#devices

7,启动本地服务器http://localhost:8080

9,控制台点击inspect

10,接下来就可以进行调试

2), Safari+iOS

 

二,使用Proxy调试

 

三,类真机调试

1),winnre

安装

 yarn -g install weinre

 weinre --version

 weinre --help

 weinre --httpPort=10000 --boundHost=-all-

引用

//
http://localhost:10000/target/target-script-min.js#anonymous
// 换成
http://192.168.1.107:10000/target/target-script-min.js#dp
// 赋值到网页中去
// 然后打开浏览器输入网址
http://localhost:10000/client/#dp

2),vConsole

安装

npm install vConsole

项目中引入

<script src="path/to/vconsole.min.js"></script>
<script>
  // init vConsole
  var vConsole = new VConsole();
  console.log('Hello world');
</script>

 

posted on 2021-04-25 15:22  苏荷酒吧  阅读(66)  评论(0编辑  收藏  举报