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


这样的东西是怎么做到的呢?经过一番研究,原来是因为js调试工具Console的命令,发现只需在你的网页代码中添加以下代码即可:
<code><script> console.info('这里输入想输出的话!\n可以用来换行!') </script> </code>
这里还有其他击几种信息输出方式:
- 1.
console.log
用于输出普通信息 - 2.
console.info
用于输出提示性信息 - 3.
console.error
用于输出错误信息 - 4.
console.warn
用于输出警示信息 - 5.
console.debug
用于输出调试信息
代码演示
以下内容为高阶版代码演示,跳动略大。如果你是小白,请直接忽略下面代码

<!DOCTYPE html> <html> <head> <title>魔帆console命令输出</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <h2>按下F12,切换到控制台看看</h2> <h3>本文章改自VectorST博客!</h3> <script type="text/javascript"> 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("魔帆控制台计时器一"); </script> </body> </html>
在线演示
点击在线演示,并按下键盘上的F12
,然后切换到控制台。看看效果吧
修改自:VectorST:【控制台】如何用控制台做彩蛋