saber酱的抱枕

Vive la France

09/30
01:39
软件

前端console 调试面板:vConsole

vConsole(github主页)是由腾讯公司开源的一个前端调试面板,功能和各个浏览器的控制台(console)类似(当然还没那么强大)。

PC上的各大浏览器都自带了控制台,但是手机上的浏览器我还没见过可以显示控制台的。当页面在手机浏览器上有异常时,调试起来很不方便。现在有了vConsole,就比以前好了不少。

要使用vConsole,需要先在github下载完整的压缩包,解压之后再引入主js文件。(单独用那一个js文件是不行的)

一般情况下我们这么引入就可以了:

<script src="vConsole/dist/vconsole.min.js"></script>
<script>
var vConsole = new VConsole();
</script>

之后网页右下角就会出现vConsole的按钮:

console vConsole 控制台 移动端 调试

(如果网页上这个位置有其他悬浮元素,则可能遮挡住vConsole的按钮)

点击这个按钮就可以显示vConsole的面板,目前版本(3.0.0)的面板如下:
Read More →

前端console 调试面板:vConsole