console.log控制台里怎么输出图片

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: console.log控制台里怎么输出图片

https://kaimo313.github.io/blogs


代码

console.log(`%c %c\n十年可见春去秋来,百年可证生老病死;\n千年可叹王朝更替,万年可见斗转星移;\n凡人如果用一天的视野,去窥探百万年的天地,是否就如同井底之蛙。\n%c 卡夫卡的岛上书店 %c 版本:${KxmVerson.version} `,
  ` padding: 35px 200px;
    background-image: url(https://kaimo313.gitee.io/blogs/console.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;`, 
  'color: #3eaf7c; font-size: 16px;margin-bottom: 10px;',
  'background: #35495e; padding: 4px; border-radius: 3px 0 0 3px; color: #fff', 
  'background: #41b883; padding: 4px; border-radius: 0 3px 3px 0; color: #fff',
);



效果

20210128010804730.png

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
目录
相关文章
webpack 打包去掉控制台的console.log()
webpack 打包去掉控制台的console.log()
898 0
webpack 打包去掉控制台的console.log()
|
5月前
|
Web App开发 JavaScript 前端开发
使用 JS 实现在浏览器控制台打印图片 console.image()
在前端开发过程中,调试的时候,我们会使用 console.log 等方式查看数据。但对于图片来说,仅靠展示的数据与结构,是无法想象出图片最终呈现的样子的。 虽然我们可以把图片数据通过 img 标签展示到页面上,或将图片下载下来进行预览。但这样的调试过程实在是复杂,何不实现一个 console.image() 呢?
123 1
使用 JS 实现在浏览器控制台打印图片 console.image()
|
JavaScript 前端开发 Windows
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
|
6月前
|
Web App开发 XML JavaScript
控制台 console.log() 的乐趣
控制台 console.log() 的乐趣
106 1
控制台 console.log() 的乐趣
控制台图片路径错误,显示[object Module],解决办法
控制台图片路径错误,显示[object Module],解决办法
130 0
控制台输出信息console.log()的用法总结
控制台输出信息console.log()的用法总结
201 0
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
|
前端开发
autojs之图片控制台
使用情景 自定义控制台, 添加图标, 小红点, 图片背景等效果
395 0
autojs之图片控制台
|
JavaScript 前端开发
在浏览器控制台输出内容 console.log(string);
在浏览器控制台中写如数据 1添加    djConfig = { isDebug: true };     在写入需要输出的内容 如: dojo.require("esri.map"); function init() { var map = new esri.
868 0
|
Web App开发 JavaScript 前端开发
Chrome 控制台新玩法-console显示图片以及为文字加样式
  有兴趣的同学可以文章最后的代码复制贴到控制台玩玩。 Go for Code   在正常模式下,一般只能向console 控制台输出简单的文字信息。但为了把信息输出得更优雅更便于阅读,除了cosole.log()方法外还可以调用 cosole.warn() 来输出警告信息,在控制台中出来的效果如下: 在输出信息前面会有一个带感叹号的黄色三角警告符号。
1114 0

热门文章

最新文章