vconsole手机调试

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

1、安装

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

移动端调试工具vconsole安装

2、引入

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

移动端调试工具vconsole安装

移动端调试工具vconsole安装
4

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

移动端调试工具vconsole安装
5

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

移动端调试工具vconsole安装

扫描二维码关注公众号,回复: 7651196 查看本文章
 

猜你喜欢

转载自www.cnblogs.com/zjx304/p/11611895.html