真机调试

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

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>