手机调试打开控制台方法vconsole

最新推荐文章于 2024-06-06 10:57:45 发布

王家五哥

最新推荐文章于 2024-06-06 10:57:45 发布

阅读量4.1k

点赞数 2

分类专栏： js小工具文章标签： vue.js javascript webview

本文链接：https://blog.csdn.net/qq_36521848/article/details/122347681

版权

js小工具专栏收录该内容

32 篇文章 0 订阅

订阅专栏

功能简介：

手机调试网页，看不到控制台，无法获取接口相关信息，引入vconsole可以实现

代码演示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
	<script src="https://cdn.jsdelivr.net/npm/vconsole@3.11.0/dist/vconsole.min.js"></script>
	<script>
	  // 初始化
	  var vConsole = new VConsole();
	  console.log('vConsole init');
	</script>
</html>

外部引入：

function addScript(url){
	var script = document.createElement('script');
	script.setAttribute('type','text/javascript');
	script.setAttribute('src',url);
	document.getElementsByTagName('head')[0].appendChild(script);
}

addScript("https://cdn.jsdelivr.net/npm/vconsole@3.11.0/dist/vconsole.min.js");

var vConsole = new VConsole();
console.log('vConsole init');

效果图：

另一款：

<script src="https://cdn.jsdelivr.net/npm/eruda@2.4.1/eruda.min.js"></script>
<script>
	eruda.init();
	console.log('控制台打印信息');
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

王家五哥

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
手机调试打开控制台方法vconsole

功能简介：手机调试网页，看不到控制台，无法获取接口相关信息，引入vconsole可以实现代码演示：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script src="https://cdn.jsdelivr.net/npm/
复制链接

扫一扫