網站最後更新日期:2021年7月29日
歡迎大家來到暢想資源 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/zh-tw/add-easter-eggs-to-developer-tools/

本文章由「超級efly」於2014年08月16日發表於「網路」分類

你可以發表評論,並在保留原文地址及作者的情況下引用到你的網站

轉載請註明:為網站之「開發人員工具」內添加彩蛋教學 | 暢想資源

關鍵字:, ,

如果您對本文有任何疑問或建議,歡迎發送郵件至yifei@hesyifei.com(或通過其它途徑)聯繫我們,謝謝!