移动端调试插件 vConsole


 

平时web开发时,在手机上,如果是要看控制台信息,都需要alert弹窗,这样很不友好.还会阻拦进程。

通过vConsole.js 重写console方法,实现了类似于微信小程序的移动端调试效果。

具体使用方法也很简单

<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsole(); console.log('Hello world'); </script> 

https://www.npmjs.com/package/vconsole

 

_______________________________________________________________________________________________

 

【JS插件】【1】移动端(微信等)使用 vConsole调试console

 

前言:因为在移动端无法打开控制台,所以用vConsole插件进行调试

正文:

1,下载vconsole.min.js文件(https://github.com/Tencent/vConsole

2,将js文件引入到页面中(<script src="path/to/vconsole.min.js"></script>)

3,初始化vconsole即可

  <script>
    var vConsole = new VConsole();
  </script>

参考文档:

移动端(微信等)使用 vConsole调试console - m0_37036014的博客 - CSDN博客
https://blog.csdn.net/m0_37036014/article/details/80113635

 
分类:  JS插件

_______________________________________________________________________________________________

 

移动端真机调试插件vconsole 使用方法  

1、安装、

npm install vconsole

2、在main.js 文件中全局引入 vconsole 插件

if (PACK_ENV !== 'prod') { // 如果不是生产环境 就加载vconsole import('vconsole').then(VConsole => { new VConsole.default(); }); } 

3、项目启动后右下角会出现绿色按钮,点击就可查看  

 分类:  vue

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM