1.在控制台中打印有颜色的文字
谷歌浏览器控制台可以打印带css样式的文字,格式如下:
console.log("%c需要输出的信息 ", "css 代码");
那么我们来试试:
console.log(`%c测试测试 `
,` color:red;
font-size:25px;
`)
我们来看看效果。。。
![](https://img.haomeiwen.com/i11883450/f2341214765bc25f.png)
成功啦!
2.在控制台中打印图片
既然我们可以在控制台中打印有颜色的文字,那我们也可以在控制台中设置背景图片,我们来试试吧:
console.log(`%c `,
`font-size:200px; background:url(http://localhost:8080/test.jpg) no-repeat; background-size:100% 100%; margin-left:25px;`);
我们再来看看效果。。
![](https://img.haomeiwen.com/i11883450/6b2e13cf538b2abe.png)
成功啦!!
网友评论