09/30
2017
vConsole(github主页)是由腾讯公司开源的一个前端调试面板,功能和各个浏览器的控制台(console)类似(当然还没那么强大)。
PC上的各大浏览器都自带了控制台,但是手机上的浏览器我还没见过可以显示控制台的。当页面在手机浏览器上有异常时,调试起来很不方便。现在有了vConsole,就比以前好了不少。
要使用vConsole,先在github下载主js文件。(/dist/vconsole.min.js)
之后引入vconsole.min.js:
<script src="vConsole/dist/vconsole.min.js"></script>
最后在 body 标签之后使用:
<script> var vConsole = new VConsole(); </script>
这样就可以了,网页右下角就会出现vConsole的按钮:
(如果网页上这个位置有其他悬浮元素,则可能遮挡住vConsole的按钮)
点击这个按钮就可以显示vConsole的面板,目前版本(3.0.0)的面板如下:
Read More →
前端console 调试面板:vConsole
12/18
2014
我们可以使用浏览器的控制台输出一些信息或者调试网页。 简单的输出文字代码如下:
console.log("文字");
本站现在的控制台里有段字符画,是换行输出的:
方法是在换行的地方使用\n转义符,之后把分行文字改成一行,这样才能正确输出。