调试工具 - vConsole

简介: 最近做移动端项目比较多,电脑上开发完了上真机必现问题,但是真机上又看不了代码很捉急啊有没有。这两天才发现这个腾讯良品vConsole,以前开发小程序见过,但没想到他竟然还能被应用到我们的h5页面中,废话不多说,先给大佬磕一个。

最近做移动端项目比较多,电脑上开发完了上真机必现问题,但是真机上又看不了代码很捉急啊有没有。

这两天才发现这个腾讯良品vConsole,以前开发小程序见过,但没想到他竟然还能被应用到我们的h5页面中,


废话不多说,先给大佬磕一个。


具体描述介绍啥的见githubhttps://github.com/Tencent/vConsole


我这里先记录下具体开发中是怎么引用的

1、按照官网的步骤,先安装vConsole工具包:

npm install vconsole

  

注:我当时在项目中使用,安装命令是 

npm i --S vconsole

  


然后项目的入口js中引入并实例化,如下:

let VConsole = require('../../node_modules/vconsole/dist/vconsole.min');//路径根据项目自己找
let vConsole = new VConsole();

  

。。。

对,就这三句,一个强大的功能就诞生在我都页面了!

比如做些控制台输出信息:

//这是demo
console.log('我是控制台输出的信息!');
var a;
console.log(a);
console.log(html2canvas);

 



目录
相关文章
|
1月前
|
移动开发 前端开发 CDN
移动端H5引入vconsole进行调试
移动端H5引入vconsole进行调试
43 0
|
5月前
|
Web App开发 JavaScript 前端开发
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
98 0
|
4月前
|
移动开发 测试技术
H5调试之vconsole
H5调试之vconsole
32 0
|
5月前
|
Web App开发 前端开发 JavaScript
JavaScript浏览器开发者工具和常用的IDE的调试功能
JavaScript浏览器开发者工具和常用的IDE的调试功能
|
6月前
|
Web App开发 前端开发 开发工具
Chrome调试工具和Emmet语法
Chrome调试工具和Emmet语法
|
8月前
|
移动开发 前端开发
uniapp真机调试,添加vconsole
uniapp真机调试,添加vconsole
143 0
|
11月前
|
Web App开发 前端开发 JavaScript
记一次chrome插件调试
记一次chrome插件调试
|
移动开发 CDN
vConsole:H5控制台调试工具
vConsole:H5控制台调试工具
286 0
chrome15调试-使用devtools作为代码编辑器
chrome15调试-使用devtools作为代码编辑器
81 0
chrome15调试-使用devtools作为代码编辑器