JS · 工具：vConsole.js移动端调试

最新推荐文章于 2024-06-11 15:55:47 发布

梦想退休的许小姐

最新推荐文章于 2024-06-11 15:55:47 发布

阅读量1.6k

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_42091247/article/details/121010109

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在做微信公众号开发的时候，时常要调微信接口。在电脑浏览器上无法模拟，出现问题很难排查。只能通过电脑连接手机去查看log，这儿介绍一个快捷的方法，在手机前端页面直接查看打印信息。

vConsole前端调试面板

vConsole是一款由微信公众平台前端团队打造的前端调试面板，专治手机端看log难题。

方法一：
安装vConsole

npm install vconsole

引入

import VConsole from 'vconsole';

const vConsole = new VConsole();
// or init with options
const vConsole = new VConsole({ maxLogNumber: 1000 });

// call `console` methods as usual
console.log('Hello world');

// remove it when you finish debugging
vConsole.destroy();

方法二：
html直接引入

<head>
	<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
	<script>
	  // VConsole will be exported to `window.VConsole` by default.
	  var vConsole = new window.VConsole();
	</script>
</head>

方法三：

如果使用了 AMD/CMD 规范，可在 module 内使用 require() 引入模块：

var VConsole = require('path/to/vconsole.min.js');
var vConsole = new VConsole();

配置完成后，页面上会有悬浮按钮，点开即可看到相关内容。
在这里插入图片描述

参考：
vConsole.js

梦想退休的许小姐

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS · 工具：vConsole.js移动端调试

在做微信公众号开发的时候，时常要调微信接口。在电脑浏览器上无法模拟，出现问题很难排查。只能通过电脑连接手机去查看log，这儿介绍一个快捷的方法，在手机前端页面直接查看打印信息。vConsole前端调试面板vConsole是一款由微信公众平台前端团队打造的前端调试面板，专治手机端看log难题。方法一：安装vConsolenpm install vconsole引入import VConsole from 'vconsole';const vConsole = new VConsole();
复制链接

扫一扫