设置背景图片
模块透明度调整:
Console美化,在浏览器控制台添加网站说明
首页 > 网站代码 作者:苍蓝 2018年10月21日 热度:124 字号: 评论: 0 百度未收录
时间:2018-10-21 1:59 热度:124°  评论:0 条 

让喜欢按F12的访客不至于看到空空的控制台,console打印的文字是可以添加样式的,不过不是全部css效果都有效,这里只介绍一小部分样式。


\n是换行,可以将一个字符串设置成多行
%c标记之后的内容使用对应样式,格式如 console.log('%c第一个样式%c第二个样式','css1','css2'); 如此对应
样式和普通的css效果基本一致,可以设置文字颜色,背景颜色,字体大小,间距,边距等等。还支持部分css3高级效果。
甚至还支持输出图片,不过我怎么都没有弄出来。。。
代码如下:

/*
* 控制台
*/
$(function () {
    console.log("%c%c博客名称%cAE博客", "line-height:28px;", "line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px", "color:#3fa9f5;line-height:28px;font-size:16px;");
	console.log("%c%c网站地址%chttp://www.aeink.com", "line-height:28px;", "line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px", "color:#ff9900;line-height:28px;font-size:16px;");
	console.log("%c%c企鹅号码%c774740085", "line-height:28px;", "line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px", "color:#008000;line-height:28px;font-size:16px;");
	console.log("%c%c咸鱼永远是咸鱼 、即使翻身以后", "line-height:28px;", "line-height:28px;padding:4px 0px;color:#fff;font-size:16px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ff22ff),color-stop(1,#5500ff));color:transparent;-webkit-background-clip:text;");
  
});


正文到此结束
-----------------------------------------------------------------------------------------------------------------------------------------------------
苍蓝部落
-----------------------------------------------------------------------------------------------------------------------------------------------------

热门推荐

-----------------------------------------------------------------------------------------------------------------------------------------------------
二维码加载中...
版权声明:若无特殊注明,本文皆为《 苍蓝 》原创,转载请保留文章出处。
本文链接:Console美化,在浏览器控制台添加网站说明 https://www.canglan.xin/post-10.html
本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗


既然没有吐槽,那就赶紧抢沙发吧!

Copyright © 2017-2018 苍蓝部落
自豪的采用
 5.3.1 驱动  主题莫小奈定制版V3.3   |
   加载速度:180.24ms  查询数据库:18
ICP备案 | 浙公网安备案| 互联网举报中心| 百度统计 | 站点地图 | sitemap


文章中出现的商标及图像版权属于其合法持有人,只供传递信息之用,非商务用途。互动交流时请遵守理性,宽容,换位思考的原则。

360安全检测 upyun网站联盟 腾讯云安全认证 知道创宇云安全
苍蓝