网页网站您现在的位置是:首页 > 博客日志 > 网页网站

console.log()控制台打印输出样式设置

<a href='mailto:'>微wx笑</a>的头像微wx笑 2020-08-05网页网站 3 0关键字: 控制台  CSS  

近日查看某网站控制台输出时,发现输出的内容还是带样式的,于是网上找了一下实现的方法,这里记录一下。先看效果:实现方法:console.log("%c无知人生"," text-shadow: 0 1px 0 #ccc

近日查看某网站控制台输出时,发现输出的内容还是带样式的,于是网上找了一下实现的方法,这里记录一下。e8e无知

先看效果:e8e无知

image.pnge8e无知

实现方法:e8e无知

console.log("%c无知人生"," text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);font-size:5em;background:url(https://www.ivu4e.com/thumbs/202006/5Z_65LqO5bid5Zu9Q01T55qE5bu656uZ5pel5b_X.jpeg)");

注意第一个参数前的“%c”,需要加上它,第二个参数的样式才生效。
e8e无知

本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.com/blog/web/2020-08-05/514.html

很赞哦! () 有话说 ()