vconsole手机调试

时间:2022-06-22 17:48:52

 

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

1、安装

下载vconsole最新版本或者直接用npm下载nom install vconsole

vconsole手机调试

2、引入

注意:VConsole 只是 vConsole 的原型,而非一个已实例化的对象。所以在手动 new 实例化之前,vConsole 不会被插入到网页中。

vconsole手机调试

vconsole手机调试 4

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

vconsole手机调试 5

如果想要查看接口调用情况,和浏览器一样直接点击network按钮即可

vconsole手机调试