网站最后更新日期:2020年12月20日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站 更多联络方式
×

为网站之“开发人员工具”内添加彩蛋教学

大家有可能发现于许多其他的大站点内在浏览器的“开发人员工具”可以看到许多例如招聘信息等彩蛋,而今天畅想资源就来教大家如何在你的网站中也添加一个类似的彩蛋等著访客去挖掘吧!

预览

add-easter-eggs-to-developer-tools-demo

教学

1、首先将下方代码添加到网页底部的的最底部 </body> 前或主题所引用之JS文件内(例如“functions.js”等)即可! :razz:

提示:对于WordPress站点来说即须添加于主题的“footer.php”文件内!另外如果加入于HTML中要记得带上 <script> 标签哦~

注释:console.log 后的 %c 是代表使用下一个参数内所写之CSS(例如 color: orange; 等)!

2、当然你也可以加入标示为“警告”或“错误”类型的彩蛋,不过畅想资源并不推荐大家这么做~ :laugh:

add-easter-eggs-to-developer-tools-1

3、现在你就可以在你网站的“开发人员工具”中找到你所加入的彩蛋啦! :razz:

add-easter-eggs-to-developer-tools-demo

参考

在“开发者工具”中加入彩蛋

历史上的今天

2013年:给WordPress添加电子邮件登陆的功能(42条评论)

觉得这篇文章有用吗?分享一下让更多人受益吧!

© 版权声明:本文章采用“姓名标示-非商业性-相同方式分享 4.0 国际(CC BY-NC-SA 4.0)”于“”发布,转载时须以相同方式发布并注明“原文链接”!

本文固定链接:https://www.arefly.com/zh-cn/add-easter-eggs-to-developer-tools/

本文章由“超级efly”于2014年08月16日发表于“网络”分类

你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站

转载请注明:为网站之“开发人员工具”内添加彩蛋教学 | 畅想资源

关键字:, ,

如果您对本文有任何疑问或建议,欢迎发送邮件至yifei@hesyifei.com(或通过其它途径)联系我们,谢谢!