欢迎光临
我的个人博客网站

内嵌h5调试神器-vConsole


vConsole

一个轻量、可拓展、针对手机网页的前端开发者调试面板,可用于APP内嵌H5及其他调试H5的地方。

使用

方法一:cdn 方式引入 // 引入 <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> <script>   // 初始化   var vConsole = new VConsole();   console.log('Hello world'); </script>  方法二:npm方式引入 npm install vconsole  import Vconsole from 'vconsole' // Vue全局调用 if (测试环境) {   const vConsole = new Vconsole()   Vue.use(vConsole) } 

打印

加载 vConsole 后,日志会同时打印到页面vConsole前端+原生控制台。

// 与原生一致即可,支持原生的各种属性:info、error等 console.log('Hello World'); 

方法

//当前 vConsole 的版本号。 vConsole.version //显示 vConsole 主面板 vConsole.show() //隐藏 vConsole 主面板 vConsole.hide() //析构一个 vConsole 对象实例,并将 vConsole 面板从页面中移除。 var vConsole = new VConsole(); vConsole.destroy(); //显示 vConsole 的开关按钮。 vConsole.showSwitch() //隐藏 vConsole 的开关按钮 vConsole.hideSwitch() ... 

结言

以上内容即可轻松完成H5基本调试需求,如有深入要求建议详细阅读文档。
Gitee|腾讯开源vConsole
Github | 腾讯开源vConsole

赞(0) 打赏
未经允许不得转载:张拓的天空 » 内嵌h5调试神器-vConsole
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏