H5页面如何引入vConsole

vConsole github地址
vConsole 是腾讯开源的项目,这就简单的介绍一下使用

使用npm引入vconsole.min.js

下载 vConsole 的最新版本。(不要直接下载 dev 分支下的 dist/vconsole.min.js)

或者使用 npm 安装:

npm install vconsole

引入 dist/vconsole.min.js 到项目中:



手动引入vconsole.min.js



或者去BootCDN搜索对应的版本引入




使用


js中打印
普通日志(log)

 console.log("Hello world");

信息日志(info)

 console.info("Hello world");

调试日志(debug)

 console.debug("Hello world");

警告日志(warn)

 console.warn("Hello world");

报错日志(error)

 console.error("Hello world");

打印Object

	console.log({
		string: 'foobar',
		number: 233,
		boolean: true,
		object: {
			foo: 'bar'
		},
		array: [8, 7, 6],
		func: function() {}
	});

vConsole 销毁

window.vConsole.destroy();

demo地址:http://wechatfe.github.io/vconsole/demo.html

你可能感兴趣的:(H5)