网站最后更新日期:2022年3月25日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站(中) 个人网站(EN) 更多联络方式
×

為網站之「開發人員工具」內添加彩蛋教學

大家有可能發現於許多其他的大站點內在瀏覽器的「開發人員工具」可以看到許多例如招聘信息等彩蛋,而今天暢想資源就來教大家如何在你的網站中也添加一個類似的彩蛋等著訪客去挖掘吧!

預覽

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/add-easter-eggs-to-developer-tools/

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

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

转载请注明:為網站之「開發人員工具」內添加彩蛋教學 | 畅想资源

关键字:, ,

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