h5页面真机调试

记录几种h5页面真机调试方法。

1、 使用微信开发者工具
注意，微信开发者工具最新的1.0版本不支持移动端调试，必须是旧版，下载链接：https://pan.baidu.com/s/1dwf3ZJ1MpxOnfcKkzzBRAQ 提取码: igin。
第一个选项打开微信扫码，提示503，选择普通调试，直接按步骤操作就行。需要注意的是，真机设置了代理，微信无法直接打开https网页，请求的api如果是https也会返回空。

2、使用vconsole
安装
npm install vconsole
使用
import VConsole from ‘vconsole’
const vConsole = new VConsole()

3、chrome://inspect/#devices
手机数据线链接电脑
手机设置打开usb调试，找不到在设置搜索开发者选项
电脑chrome打开chrome://inspect/#devices
手机下载chrome访问网页（好像必须用chrome,试了其他浏览器没用）