Chrome控制台骚操作–Console显示文字和图片

发布于 / 网页制作 / 2 条评论

创建一个JS文件或者直接插入原有js

$(function() {
console.warn("%c 希望盗链的大佬手下留情 %c","background:#24272A; color:#ffffff","","https://cangshui.net/");
console.error("%c 希望反代的大佬手下留情 %c","background:#24272A; color:#ffffff","","https://cangshui.net/");
console.info("%c 希望扒站的大佬手下留情 %c","background:#24272A; color:#ffffff","","https://cangshui.net/");
console.log("%c ", "background: url(https://cangshui.net/wp-content/uploads/2017/07/2588.jpg) no-repeat center;padding-left:500px;padding-bottom: 364px;");
});

其中:

console.log 用于输出普通信息

console.info 用于输出提示性信息

console.error用于输出错误信息

console.warn用于输出警示信息

%c表示使用颜色效果,background为文字颜色,color为底色

Google官方文档:点此进入


使用js达到效果

在网站中插入js调用

<script type='text/javascript' src='https://xxx.com/xxx.js'></script>

当然也可以直接在html中直接写入

<script>
console.info("欢迎来到沧水酱的博客");
console.log("祝愿每个人都万事如意");
</script>
本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
转载原创文章请注明,转载自: 沧水的博客 » Chrome控制台骚操作–Console显示文字和图片
  1. a504918232s

    😉 好久不见沧水酱 rua~

    1. 沧水
      @a504918232s 捏捏= =