网站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> 

效果看本博客按下F12以后的Console信息哦~懒得按就看题图吧~

4 条评论

发表评论

*