网站F12显示一个有趣的 console.log 信息

效果演示:

网站F12显示一个有趣的 console.log 信息

Console 信息就是在大多数浏览器里面按下 F12 之后看到的内容(用 console.log 输出的),例如百度的:

一张网页,要经历怎样的过程,才能抵达用户面前?
一位新人,要经历怎样的成长,才能站在技术之巅?
探寻这里的秘密;
体验这里的挑战;
成为这里的主人;
加入百度,加入网页搜索,你,可以影响世界。

给人有种 F12 小惊喜的感觉,虽然百度是用它来招聘,我们未尝不能做点其他的。

这个小功能我觉得蛮有趣的,实现起来也很简单,一段小代码就行。

实现方法就是将以下代码添加到 footer.php 即可,按下 F12 或右键审查元素,找到 Console 就能看到效果,内容自己改哦。

<script type="text/javascript" language="javascript">
if(window.console&&window.console.log){  
	console.log("%c哟,高人您好,祝您扒代码愉快~!","color:red");
	console.log("路有多远,只有心知道,");
	console.log("最美的旅程,是不断的经历,");
	console.log("坚持走下去,与梦想者同行!");
	console.log("我是沈唁,一个成长中的PHPer!");
}  
</script> 
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索