你不知道的控制台console.log(打印图片设置样式)

最新推荐文章于 2024-05-03 13:38:11 发布
最新推荐文章于 2024-05-03 13:38:11 发布
阅读量433 收藏
点赞数
分类专栏： 学习 笔记 console 文章标签： console.log
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37430247/article/details/111309466
版权
笔记 同时被 3 个专栏收录
147 篇文章 6 订阅
订阅专栏
学习
70 篇文章 1 订阅
订阅专栏
console
1 篇文章 0 订阅
订阅专栏 
console.log(`%c你好，亲爱的开发者朋友，
我是特权APP的创始人，
这个项目也是特权APP团队的项目之一，
如果你对我们团队感兴趣想要加入我们的话
请投简历到这里：1336791007@qq.com.特权APP期待你的加入！`,
        'font-size: 20px; color: orange;')
console.log('%c                                                          ',
'font-size: 100px;background: url("https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=167741595,2706197548&fm=26&gp=0.jpg"); background-size: 100%;')

 

Mark sheng
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义Chrome的console（样式、打印图片、开关）
光
07-09 4477
目录： 常用console类型 自定义console样式 打印图片 关闭生产环境的console 常用console类型 console.log() 常规打印 console.warn() 打印警告信息 console.error() 打印错误信息 console.time() 和 console.timeEnd() 打印两次函数的时间间隔，两者需配合使用，括号...
如何用console.log打印图文？
苏苏就是小苏苏的博客
02-15 1779
1.console console是全局变量window（或global）下的一个对象，在控制台打印console，可以发现他提供了很多方法。 console.log(console) 2.占位符 console.log("打印的字符串是：%s", "123"); console.log("%o", document.body); console.log("打印的整数是：%d", 111.00); console.log("打印的浮点数是：%f", 111.00); 3.打印文字和图片
js控制台 console 骚操作-打印图片-自定义样式-字符画
RealizeInnerSelf丶
07-27 2847
目录控制台打印骚操作自定义样式打印(输出)图片借助平台打印字符(符号组成)Lunicode 平台操作图片转字符打印控制台打印骚操作二效果图代码实现错误案例方式一(感觉有点乱)方式二(改进版-最终版，比较贴近前端开发)扩展版(更低耦合，推荐)参考博客控制台打印骚操作 预备知识：console | MDN 可以直接搜 为js控制台定义样式 自定义样式 console.log 中可以...
使用console.log()打印多彩文字和图案
最新发布
fury的博客
05-03 409
【代码】使用console.log()打印多彩文字和图案。
你所不知道的谷歌浏览器 console.log打印技巧
半夏_2021的博客
04-25 8290
相信绝大部分的前端开发使用的是Chrome进行开发的，一方面Chrome浏览器确实做的好，更重要的是一方面是因为Chrome有一个非常强大的调试工具，用好这个调试工具可以提高编程效率，帮助我们快速定位问题。
关于console你不知道的那些事——最后一个99%的人都不知道
JackChan
05-22 818
关于console你不知道的那些事——最后一个99%的人都不知道
玩转console.log 如何在console.log里面插入图片
greed
10-13 1万+
console.log也能插图！！！ 学前准备 一台电脑及一个浏览器（建议chrome） 具有一定 JavaScript 及 CSS3 基础 了解如何给 console.log 添加样式：《给console来的样式》 举3个例子 第一个例子是西瓜视频的控制台，输出一张图片 第二个例子是bilibili的控制台，玩转了 ASSII-Aar。 第三个例子：基于第一个例子进行改造。 图片用法 无意中看到西瓜视频官网的控制台 言归正传，console.log 是支持使用 background 的。唯一注
在vue中使用console.log无效的解决
11-20
在Vue.js开发过程中，我们经常...如果遇到`console.log()`输出问题，记住使用`window.console.log()`作为替代方案，同时确保异步操作中的日志打印位置正确。通过不断学习和实践，开发者能够更好地应对各种开发挑战。
styled-console-log:将样式添加到console.log
05-08
）设置yarn add styled-console-log import Log from 'styled-console-log'Log ( 'something warnning message' , 'warn' )Log ( 'something error message\n\nmultiple lines...' , 'error' )Log ( 'something info...
如何使用JS console.log()技巧提高工作效率
10-14
通过掌握一些高级技巧，你可以更有效地使用`console.log()`，从而提高工作效率。以下是五个实用的`console.log()`技巧： 1. **打印全名变量**： 当你需要在控制台中区分多个变量时，可以使用花括号包裹变量名，以...
loqui:轻松设置console.log（）消息的样式
05-11
洛基轻松设置console.log()消息的样式关于Loqui是拉丁语，意为“说”，因此它是用于帮助您将消息记录到控制台的插件的自然名称。 已经可以对console.log()消息进行样式设置，但是console.log()接受的消息格式和样式...
使用console.log输出特殊字符图案或自定义图片
前端小白的学习分享小世界
07-15 3836
如何通过控制台输出特殊字符图案，一起来学习吧
console.log控制台里怎么输出图片
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
01-28 2256
代码 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:
前端打印样式乱了_前端开发console调试中，那些不可忽视的用法
weixin_39965514的博客
11-30 316
点击右上方红色按钮关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！前端代码调试使用console是大家最熟悉的一种。然而，真正使用的最多的可能就是console.log在控制台输出点东西，其实，console还有很多其他的用法。一. 重提常规用法console.log("打印字符串"); //在控制台打印自定义字符串console.error("我是个错误");//在控制台打印自定义错误信息c...
你所不知道的console.log()（console.log详解）
Jermyo的博客
11-07 3万+
console.log，作为一个前端开发者，想必每天都会用它来做分析调试，但这个简单函数背后你所不知道的一面，很多人未必使用过，有一些也是很方便使用的 基础 首先，简单科普这个函数的作用。前端开发者可以在js代码的任何部分调用console.log，然后你就可以在浏览器的开发者控制台里，看到这个函数调用的那一瞬间你指定的变量或表达式的值。 console.log('123'); // 123 ...
console.log 中显示图片 （egret）
cyj
07-28 606
1.如果想在控制台上输出图片 执行以下代码 console.log("%c+", `font-size: 1px; padding: 80px 80px; background-image: url(https://www.baidu.com/img/flexible/logo/pc/result.png); background-size: contain; background-repeat: no-repeat; color: transparent;`); 执行后效..
console.log打印出图片
weixin_44707050的博客
11-08 510
console.log( "%c ", "background: url(https://img-home.csdnimg.cn/images/20201124032511.png) no-repeat;font-size:130px;line-height: 50px" ) 注意点：图片路径为网络图片或者base64格式； %c后面要有空格
程序员的浪漫--console.log()在浏览器控制台输出特殊字符编码的图案
qq1164014750
05-25 3万+
前言：520刚刚过去，不知道大家都做了什么浪漫的事情。下面介绍一种程序员的表白方式最近在查看某些网站的，发现在浏览器的控制台会打印处理一些特殊的图案，比如知乎。那我们何不把这个换成我们喜欢人的照片。在百度之后，发现打印这个是使用了console.log() 打印的，我查找了一下知乎网的这个console.log() 代码。在https://static.zhihu.com/heifetz/main...
console的高级用法，console.log带颜色的字
热门推荐
djl的专栏，blog.djl.cx好记
11-08 4万+
先展示效果图： <!-- /** * @Author: Ding Jianlong * @Date: 2018-11-08 14:37:05 * @Last Modified by: Ding Jianlong * @Last Modified time: 2018-11-08 17:14:05 */ --> <!DOCTYPE html> &...
console.log打印出来logo
06-01
以下是一个示例代码，可以在控制台打印出一个简单的 ASCII Logo： ```javascript console.log(` _____ __ __ |_ _|__ __| \\/ | __ _ _ __ __ _ | |/ _ \\/ _\` |\\/| |/ _\` | '_ \\ / _\` | | | __/ (_| | | ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值