前言


我會教你如何在 Console 中輸出 Facebook 風格的自定義文字,先看效果圖:

教學


我們只需要在 HTML 中加入這段即可:

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demo</title>
<body>
<script>console.log( "%cStop!", // %c 不能移除,可以將 Stop! 更換成自己的文字
"color:red;font-family:system-ui;font-size:4rem;-webkit-text-stroke: 1px black;font-weight:bold"); //這裏是 CSS,可換成自己想要的效果,這裏我就提供了 Facebook 警告的風格
</script>
</body>
</html>

效果圖