全栈工程师_java全栈工程师_全栈开发者学习经验总结

  • 首页
  • 开发工具
    • 软件安装
    • 软件使用
  • 前端
    • Ionic
    • Android
    • Capacitor
    • Angular
    • Vue
    • 苹果开发者账号
  • 后端
    • Java
    • Python
    • MyBatis
    • Spring
    • SpringBoot
    • SpringMVC
    • SpringCloud
  • 服务器
    • Linux
    • MySQL
    • Nginx
    • Tomcat
    • Docker
  • 其他
    • 生活碎片
    • 报错专区
  • 我
lipsuper
专注产出高质量原创手打文章
  1. 首页
  2. 前端
  3. Ionic
  4. 正文

Ionic项目在安卓真机上使用VConsole进行调试的方法

2021年1月26日 726点热度 2人点赞 0条评论

VConsole是腾讯开源的针对手机网页的前端开发者调试面板。有些情况下,比如cordova的nativestorage插件没办法在电脑上进行调试和产看调试结果,那么我们就需要在真机上进行调试,我们就可以用这款工具来查看调试的日志。

 

使用方法

 

一、下载

首先下载vconsole.min.js文件,然后把它放到你的项目的assets文件夹中。

这是VConsole的下载地址:https://github.com/Tencent/vConsole。建议使用V3.3.0,别用最新的,最新的版本造成一些很扯淡的问题。

下载zip文件进行解压,解压过后找到dist文件夹,把里面的vconsole.min.js文件放到你的项目的assets文件夹中。

 

二、安装

然后找到index.html文件,在头部添加如下代码进行引用与调用:

<script type="text/javascript" src="./assets/vconsole.min.js"></script>
<script>
    var vConsole = new VConsole();   
</script>

然后就可以在真机上进行调试了。

 

效果图

项目运行以后就可以看到一个按钮如下:

VConsole在真机上的入口

点击进入就可以看到各种日志以及你使用console.log('xxxxx')打印的各种信息了。

VConsole在真机上的展示效果

本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: 保姆级指导
最后更新:2021年1月26日

lipsuper

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

取消回复

COPYRIGHT © 2021 lipsuper.com. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

渝ICP备2021004735号-1

渝公网安备 50011202502306号