console 立即输出 调试_如何使用js调试工具Console制作彩蛋/输出信息

今天Vectorst博主无意间发现百度在开发者工具下控制台窗口有招聘彩蛋

这样的东西是怎么做到的呢？经过一番研究，原来是因为js调试工具Console的命令，发现只需在你的网页代码中添加以下代码即可：

console.info('这里输入想输出的话！\n可以用来换行！')

这里还有其他击几种信息输出方式：

1.console.log 用于输出普通信息

2.console.info 用于输出提示性信息

3.console.error用于输出错误信息

4.console.warn用于输出警示信息

5.console.debug用于输出调试信息

代码演示

以下内容为高阶版代码演示，跳动略大。如果你是小白，请直接忽略下面代码

魔帆console命令输出

按下F12，切换到控制台看看

本文章改自VectorST博客！

console.log('hello,Welcome to the MorFans Lab!');

console.info('信息:魔帆博客欢迎您');

console.error('错误：这是魔帆博客发出的错误信息');

console.warn('警告：你没有赞助魔帆博客和VectorST博客！');

var info = {

blog:"http:/morfans.cn",

message:"程序爱好者欢迎你的加入"

};

console.dir(info);

console.group("第一组信息");

console.log("第一组第一条:魔帆博客(https://morfans.cn)");

console.log("第一组第二条:VectorST(https://vectorst.xyz)");

console.groupEnd();

console.group("第二组信息");

console.log("第二组第一条:魔帆QQ群： 179020064");

console.log("第二组第二条:欢迎你加入");

console.groupEnd();

console.time("魔帆控制台计时器一");

for(var i=0;i<1000;i++){

for(var j=0;j<1000;j++){}

}

console.timeEnd("魔帆控制台计时器一");

在线演示

点击在线演示，并按下键盘上的F12，然后切换到控制台。看看效果吧

求评论！ 不懂的提问 喵~

修改自：VectorST:【控制台】如何用控制台做彩蛋

魔帆博客 , 版权所有丨如未注明 , 均为原创丨本网站均采用BY-NC-SA协议进行授权 , 转载请注明如何使用js调试工具Console制作彩蛋/输出信息！