移动端调试工具vconsole安装

项目开辟时经常需要debug调试 , 但在移动端debug则会阻断代码运行 , 而且很难判定犯错在哪里 , 这里我们需要借助第三方插件 vconsole

移动端调试工具vconsole安装

文章插图
方式/
1下载vconsole最新版本或者直接用npm下载nom install vconsole

移动端调试工具vconsole安装

文章插图

2引入vconsole到项目中:
<script src=https://vvvtt.com/article/"path/to/vconsole.min.js">
<script>
  // init vConsole
  var vConsole = new VConsole();
  console.log('Hello world');
</script> 

移动端调试工具vconsole安装

文章插图

3或者经由过程import 初试化:
import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
let vConsole = new VConsole() // 初始化

移动端调试工具vconsole安装

文章插图

4项目运行 , 点击页面右下角vconsole图标 , 即可看到debug内容

移动端调试工具vconsole安装

文章插图

5【移动端调试工具vconsole安装】若是想要查看接口挪用环境 , 和浏览器一样直接点击network按钮即可

移动端调试工具vconsole安装

文章插图

6
移动端调试工具vconsole安装

文章插图


以上内容就是移动端调试工具vconsole安装的内容啦 , 希望对你有所帮助哦!

    推荐阅读