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

发布于 2018-01-24  144 次阅读


 

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

$(function() { console.warn("%c 希望盗链的大佬手下留情 %c","background:#24272A; color:#ffffff","","https://okoke.cn/"); console.error("%c 希望反代的大佬手下留情 %c","background:#24272A; color:#ffffff","","https://okoke.cn/"); console.info("%c 希望扒站的大佬手下留情 %c","background:#24272A; color:#ffffff","","https://okoke.cn/"); console.log("%c", "padding:50px 300px;line-height:120px;background:url('http://www.gov.cn/govweb/xhtml/2016gov/images/public/logo.jpg') no-repeat;"); });

其中:

console.log 用于输出普通信息

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

console.error用于输出错误信息

console.warn用于输出警示信息

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

使用js达到效果

在网站中插入js调用

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

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

<script>
console.info("欢迎来到欧科云的博客");
console.log("祝愿每个人都万事如意");
</script>