• 作者:SuperPaxxs扶摇直上九万里,绝云气,负青天,不知图哪了,正在努力搜索中..
    • 请在Chrome、Firefox等现代浏览器浏览本站。 有事 点击这里 联系博主
    • 想在魔帆博客投稿? 点击这里 联系博主
    • [ 既然来了就多看两篇文章嘛,你好意思走么? ]
    • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏魔帆博客吧

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

目录
[隐藏]

今天Vectorst博主无意间发现百度在开发者工具下控制台窗口有招聘彩蛋
如何使用js调试工具Console制作彩蛋/输出信息

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

<code><script>
    console.info('这里输入想输出的话!\n可以用来换行!')
</script>
</code>

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

  • 1.console.log 用于输出普通信息
  • 2.console.info 用于输出提示性信息
  • 3.console.error用于输出错误信息
  • 4.console.warn用于输出警示信息
  • 5.console.debug用于输出调试信息

代码演示

以下内容为高阶版代码演示,跳动略大。如果你是小白,请直接忽略下面代码 :sad:
<!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("第一组第一条:魔帆博客(http://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:【控制台】如何用控制台做彩蛋


魔帆博客 , 版权所有丨如未注明 , 均为原创丨本网站均采用BY-NC-SA协议进行授权 , 转载请注明如何使用js调试工具Console制作彩蛋/输出信息
喜欢 (5)
[]
分享 (0)
关于作者:
一名不起眼的初中生。
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 年前再来转转!
    2059222016-02-05 16:19 回复
  2. 学习了
    风儿2016-01-30 01:21 回复