vConsole-移动端开发调试利器

做H5项目时总会出现一些问题:我在电脑上运行没问题,怎么到了手机上就不行了??测试环境没问题,怎么上了线就出问题了???(脑补:黑人问号脸)

有没有啥方法在手机页面看到log日志呢?

答案是有,利器vConsole!!!!

使用方法很简单:

1.下载 vConsole 的最新版本

或者使用 npm 安装:npm install vconsole

然后引用vconsole.min.js 到自己的项目中。

2.使用,官方建议添加到head标签中<head>

  <script src="vconsole.min.js"></script>
  <script>
    var vConsole = new VConsole()
 
console.log('Hello world')
  console.log(person)
</script> </head>

3.添加完成效果如下图及为引用正确

          

posted on 2018-05-16 15:12  zhoujian917  阅读(191)  评论(0编辑  收藏  举报

导航