VUE项目如何在移动端查看打印日志(console.log)

Posted fanqiuzhuji

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE项目如何在移动端查看打印日志(console.log)相关的知识,希望对你有一定的参考价值。

在项目中发现,由于移动端无法看到打印的信息,所以很难进行调试,也不知道问题出在哪里,后来找到了一个好用的插件:vConsole。

1.安装

npm install vconsole

2、在main.js中引入

import Vconsole from ‘vconsole‘;

let vConsole = new Vconsole();

export default vConsole

编译你的vue项目,用移动端打开项目就可以看到绿色的vconsole图标

 

 
技术图片
vconsole图标

点开这个图标,就能看到Log信息以及Network信息,非常方便。

(注意:正式上线之后就可以去掉啦,不然产品投入使用还会带着这个小工具的。)



作者:勤能补拙的笨小孩
链接:https://www.jianshu.com/p/d05cf1543abd
来源:简书

以上是关于VUE项目如何在移动端查看打印日志(console.log)的主要内容,如果未能解决你的问题,请参考以下文章

移动端查看console.log打印的数据

移动端使用 vConsole 打印console

Unity-使用UnityRemote调试手机Android Studio打印日志

----移动端移动端调试神器vConsole----

Eclipse 处理 Console 打印信息自动删除

客户须知等内容在移动端弹窗查看分页vue如何实现