增加浏览器控制台输出
# 130.增加浏览器控制台输出
给打开控制台的人一个惊喜 ~~😎😎
# 起因
偶然打开一些知名网站的控制台时,总能看到一些彩蛋。
知乎:
百度:
Facebook:
第一次看到这些信息时感觉还是蛮惊奇的,为此,我也打算给自己的网站搞一个。
# 实施
我博客框架是 VuePress,添加步骤如下:
在配置文件里,head 模块中添加:
import { HeadTags } from 'vuepress/config';
export default <HeadTags> [
// 省略其他配置...
// 浏览器控制台输出
[
'script', {}, `
console.log('别看了,没有报错的网站不是好网站!😡😡😡')
</script>
`
],
// 省略其他配置...
]
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
效果:
完整的配置文件请去 GitHub 仓库 (opens new window)上查看。
# 不知道输出什么?
如果你不知道输出什么好,可以去看我的另一篇文章:一些有趣的代码注释,收集了不少有趣的注释
上次更新: 2024/7/14 18:44:10