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

12/18
16:28
学习

使用js在控制台输出信息

我们可以使用浏览器的控制台输出一些信息或者调试网页。 简单的输出文字代码如下:

console.log("文字");

本站现在的控制台里有段字符画,是换行输出的:

方法是在换行的地方使用\n转义符,之后把分行文字改成一行,这样才能正确输出。

使用js在控制台输出信息