移动端调试解决方案(2019-11-14)
vConsole
- 推荐指数：★★
- 使用方法传送门 keywords:
npm安装，引入dist/vconsole.min.js到项目 - 特点：需要在被调试的webview或者web页面里添加代码，右下角出现
vConsole按钮，点开可以进行调试，但是移动端的还是只能在移动端看，无法连接pc，个人感觉不是很方便，效果展示
Chrome真机调试（暂时只有安卓篇，ios篇可以看参考文章）
- 推荐指数：★★★★
- Android 设备的远程调试入门 keywords: usb连接，打开开发者模式，chrome打开DevTools
- 配置设备上的开发者选项
- 补充：OPPO手机开发者选项开启
- 特点：针对移动端的web页面进行调试，非常方便，和手机操作能完全同步，接入调试的过程也很快，但是需要usb连接，效果展示
spy-debugger
- 推荐指数：★★★★★
- 使用方法传送门，keywords: 同WiFi，设置代理，安装证书
- 特点：任何浏览器web页面和webview都可以轻松调试，还可以设置页面可编辑模式，pc上选中的
elements可以立刻在手机中显示出来，体验很好，接入方法非常简单，效果展示