浏览器端如何使用VConsole.js调试代码？

Posted 2021-02-02

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了浏览器端如何使用VConsole.js调试代码？相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>VConsole</title>
</head>
<body>
<script src=‘https://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.0.0.0‘></script>
<script type="text/javascript">
	window.vConsole = new window.VConsole();
	window.onerror = function(errorMessage, scriptURI, lineNumber,columnNumber,errorObj) {
	   console.log("错误信息：" , errorMessage);
	   console.log("出错文件：" , scriptURI);
	   console.log("出错行号：" , lineNumber);
	   console.log("出错列号：" , columnNumber);
	   console.log("错误详情：" , errorObj);
	}
	throw new Error("出错了！");
</script>
</body>
</html>

以上是关于浏览器端如何使用VConsole.js调试代码？的主要内容，如果未能解决你的问题，请参考以下文章

Vue-cli中使用vConsole，以及设置JS连续点击控制vConsole按钮显隐功能实现

javascript vconsole.js