如何查看手机上chrome浏览器的console日志打印

1.使用开发者工具(仅限chrome浏览器)

android

  1. 转到“设置” >“关于手机”启用开发人员模式,然后点按内部版本号7次
  2. 开发人员选项启用USB调试
  3. 打开chrome的开发者模式,单击更多 图标,然后单击更多工具> 远程设备
  4. 选中发现USB设备选项。
  5. 在手机上打开chrome。
  6. 通过USB将手机连接到电脑,然后会看到授权弹出窗口,点击“确定”。
  7. 手机进入需要查看日志的页面,此时电脑也会显示出页面,点击“inspect”。
  8. 此方法需要电脑能连接外网
    3

device
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的标签,打开这个标签就可以看到日志信息


版权声明:本文为d303577562原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。