• 欢迎访问 流觞·曲水,WordPress教程,技术,分享,天文,古风,软件···
  • 推荐使用Firefox浏览器或Chrome浏览器访问本网站
  • 欢迎来到流觞·曲水O(∩_∩)O~~
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏流觞·曲水

给网站审查元素(F12)加一个友好提示框

其实这种效果呢,我第一次是在 对百度使用F12的时候看到的:给网站审查元素(F12)加一个友好提示框
(百度竟然用这种方法招聘程序员,也是醉醉哒….)

今天一个偶然的机会,在麦葱看到了相关代码以及使用方法。就在此分享一下吧,顺便也给自己做一下备忘


把下面这段代码添加到主题JS里,或者新建一个JS文件,把代码放进去,再加载这个JS文件。

if(window.console&&window.console.log){
console.log('欢迎访问流觞曲水!');
console.log('如果你看中了流觞曲水某个功能,可以自行检查代码或者直接询问我就可以啦~');
console.log("%c联系烟雨请到留言板:https://ls12.me/guestbook/","color:red");
console.log("%c当然也有QQ:847198075 Email:i@ls12.me ","color:red")
}

显示效果:
给网站审查元素(F12)加一个友好提示框
如何查看?

  • 在Chrome里按下F12或右键审查元素,打开开发者工具,找到Console;或者按下Ctrl+Shift+J
  • 在Safari里右键检查元素,打开开发者工具,找到控制台,或者按下Ctrl+Alt+C
  • 在Firefox里按下F12或右键查看元素,打开开发者工具,找到控制台,或者按下Ctrl+Shift+K

console对象还有其他4种显示信息的方法:

  • console.info() 一般信息
  • console.debug() 日志信息
  • console.warn() 警告信息
  • console.error() 错误信息

好了,代码就是这样的,如果有心人来翻你网站,你大可这样给Ta来一句。
其他效果请自行挖掘~


流觞·曲水 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明给网站审查元素(F12)加一个友好提示框
喜欢 (8)
[847198075@qq.com]
分享 (0)
加载中……