大家有可能发现于许多其他的大站点内在浏览器的“开发人员工具”可以看到许多例如招聘信息等彩蛋,而今天畅想资源就来教大家如何在你的网站中也添加一个类似的彩蛋等著访客去挖掘吧!
预览
教学
1、首先将下方代码添加到网页底部的的最底部 </body>
前或主题所引用之JS文件内(例如“functions.js”等)即可!
提示:对于WordPress站点来说即须添加于主题的“footer.php”文件内!另外如果加入于HTML中要记得带上 <script>
标签哦~
注释:console.log
后的 %c
是代表使用下一个参数内所写之CSS(例如 color: orange;
等)!
1 2 3 4 5 |
console.log('%c欢迎访问“畅想资源”!', 'color: orange;'); console.log('%c本站由“超级efly”制作', 'color: purple;'); console.log('%c(C) 超级efly版权所有', 'color: brown; font-weight: bold;'); console.log('%c并且使用博客程式 WordPress 及主题 Weisay Simple', 'color: green;'); console.log('%c多谢您的访问与支持!', 'color: blue;'); |
2、当然你也可以加入标示为“警告”或“错误”类型的彩蛋,不过畅想资源并不推荐大家这么做~
1 2 |
console.warn('%c本段将会输出警告标示!', 'color: orange;'); console.error('%c本段将会输出错误标示!', 'color: red;'); |
3、现在你就可以在你网站的“开发人员工具”中找到你所加入的彩蛋啦!
不错啊
这个有意思。顺便看到了ABP,推荐下μBlock,兼容ABP规则,而且比它占用资源少得多。在我的电脑上比ABP占用内存少100多MB。
好的~感谢推荐~下次去试试!
我还是不赶潮流了
什么彩蛋
一个很无聊的彩蛋

这里的玩法很多的,我自己就加了一个调试信息输出的。
飘过
飘过~
快帮我看看我现在的模板和以前那个那个好看
挺不错的主题!支持一下!!

不错,先 Mark 一个,回头试试!
再次路过 表示我是好人
支持一下。以前见过某在线电视网站用过类似方法,不过那货直接把右键菜单和开发者工具封了,换了几个浏览器都没法启动。
这些封右键/开发者工具的人烦死了
查看本站源码当心电脑爆炸!
挺不错的,支持一下,以后会经常关注该博客,同时欢迎回访!
好像百度使用过这招吧,哈哈
欢迎访问“畅想资源”! functions.js:1
本站由“超级efly”制作 functions.js:2
(C) 超级efly版权所有 functions.js:3
并且使用博客程式 WordPress 及主题 Weisay Simple functions.js:4
向本站捐款:https://www.arefly.com/donate/ functions.js:5
多谢您的访问与支持! functions.js:6
。。
浏览器装了好多插件啊沃茨。。
是啊~~

没看到呢,难道是被禁止了么。
需要点击“开发人员工具”右上角的那个符号或者切换至“Console”才可以看到~~
签到
今天签到啦!时间:下午2:51:22(使用Arefly评论框自动签到)
自带回复?
对呀~今天签到啦!时间:下午3:11:11(使用Arefly评论框自动签到)
你也是用的wptouch吗?
是的~~

我网页的源码也有彩蛋
看到啦~

路过支持下
谢谢支持~~

作死啊@@@@@
加个图片也不错
加图片我很早就玩过了
矮油,不好了,你忘加我版权了
什么?
