前端3类真机调试技巧

1. Chrom+Android/Safari+ios
2. Fiddler/Charles
3. Weinre,Spy-debugger、vConsole 不分系统都可以用，依赖nodejs

Safari+ios真机调试

windows电脑可以下载wind版本的Safari浏览器或者下载黑苹果

1. 打开Safari浏览器的开发调试控制台
2. 手机上的设置
   在设置中选择Safari浏览器
   打开高级选项，然后将web检查器打开
3. 手机通过id地址访问要调试的页面

Chrom+Android真机调试

1. 在chrom浏览器地址栏中输入chrome://inspect/#devices
2. 手机设置：打开开发者模式
   多次点击版本号，打开开发者模式
   然后就会有开发者选项，点击进入，选择打开开发者人员选项
   保持唤醒状态打开
   USB调试打开
3. 然后将手机用数据线连接到电脑或连接同一个局域网
4. 手机浏览器通过ip访问调试的页面
5. 点击电脑上的浏览器中的inspect就能进入手机页面的调试器界面

点击inspect出现白屏的解决方法
1.电脑和手机上的浏览器一定要保证都是最新版本的
2.添加谷歌的访问服务，开启虚拟专有网络

Weinre

1. 全局安装

npm -g install weinre

2. 启动和验证是否安装成功

weinre --version

3. ctr+c 退出
4. 启动时指定端口号和所有浏览器都可以访问

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

5. 在浏览器中打开localhost:10000
6. 根据提示在测试页面添加