[Trick] 開發人員工具 console.log 顯示顏色

2018-07-05

很多網站,你按下 F12 進入開發人員選項會看到 一些錯誤以外,有可能會看到開發人員的選項,有時候是提醒使用者不要亂貼來不明的 code 造成損失,尤其之前有一詐騙手法,他讓使用者貼上不明的 code 並且將 收款錢包,改成自己的,所以很多交易所會在開發人員選項加上 醒目的字眼…

image

有做前端開發的一定常用 console.log 做一些程式上的 debug 後來查一下,原來其實可以對 console.log 下 css 語法 而且 還有 console.warn 可以用 ..

Source code :


Result :

Image062

網路上我有看到 很酷的做法 https://stackoverflow.com/questions/7505623/colors-in-javascript-console

可以有彩虹效果

Image064

reference :
https://stackoverflow.com/questions/7505623/colors-in-javascript-console
https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Opening_the_Web_Console


當麻許的超技八 2014 | Donma Hsu Design.