1.使用开发者工具(仅限chrome浏览器)
android
- 转到“设置” >“关于手机”启用开发人员模式,然后点按内部版本号7次。
- 开发人员选项启用USB调试。
- 打开chrome的开发者模式,单击更多 图标,然后单击更多工具> 远程设备。
- 选中发现USB设备选项。
- 在手机上打开chrome。
- 通过USB将手机连接到电脑,然后会看到授权弹出窗口,点击“确定”。
- 手机进入需要查看日志的页面,此时电脑也会显示出页面,点击“inspect”。
- 此方法需要电脑能连接外网
ios
只需打开新选项卡并输入:chrome://inspect,然后单击“开始记录”按钮,然后访问要调试的页面。
2.使用vConsole工具
在头部添加下面代码
<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
<script>
var vConsole = new VConsole();
</script>
再次在手机上打开h5会看到vconsole的标签,打开这个标签就可以看到日志信息