改变console.log()输出的样式

最新推荐文章于 2024-04-05 16:15:47 发布
最新推荐文章于 2024-04-05 16:15:47 发布
阅读量183 收藏
点赞数 1
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42324665/article/details/116164614
版权 
console.log('%c 哈哈哈啊哈','color:red')

%c 后面跟的是输出内容 后面跟的是css样式

console.log('%c afjsdfjks','color:green;background:url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fyouimg1.c-ctrip.com%2Ftarget%2Ftg%2F035%2F063%2F726%2F3ea4031f045945e1843ae5156749d64c.jpg&refer=http%3A%2F%2Fyouimg1.c-ctrip.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1622021856&t=fbf11c446e96ad54e4d70746766edaa6");background-size:100%;font-size:100px')

可以输出多个css样式在这里插入图片描述

老大oba
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
console.log改变样式
jvid_sky的博客
12-06 9782
前言： 大家有没有注意到在有些网站中，当我们打开F12的时候，里边会有console内容，这些内容还是有样式的，如果之前没有见到过，你可以打开百度首页，按下F12，里边会有 百度的招聘信息，我们自己写的console.log()，在浏览器中是没有样式的，这是怎么做到的呢？ 内容： 1、在console.log();中在要打印的内容前加上‘%c’，然后在内容后边用逗号隔开，写自己样式，这样就
Uncaught ReferenceError: Cannot access ‘obj‘ before initialization
weixin_40945354的博客
04-18 3465
<!DOCTYPE html> <html> <head> <title>document.write() Example</title> </head> <body> <script type="text/javascript"> let activeEffect function effect(fn) {
重写并自定义console.log()输出样式
ice_bear221的博客
06-11 1181
在开发的实践过程中对于控制台内容的输出情况有一些特殊的需求，然而，普通的console.log()函数不能提供很好的支持，因此需要探索一些自定义的实现方式，以便满足开发需求
通俗易懂地重写浏览器console.log，让你在控制台个性化展示
最新发布
talentT的博客
04-05 584
前端朋友问到了一个问题：你说说怎么重写console.lo然后特意去看了一下文档，确实可以重写成自己喜欢的样式，还挺有意思的。首尾呼应开头问题，其实就是和普通函数封闭的思维是一样，动态传参修改样式，不传就取默认值。重写的确实比较随意简单，主要就是看个思路知道能这么玩，如果写的不好希望能指出问题啊。(1)通过%c能调整打印内容的css样式，并且只有%c后面的内容才会生效。我们浏览器用conlose.log其实是可以改变样式的，甚至添加图片。我们重写console.log主要用到的是%c占位符个性化去调整样式。
神奇的console.log()加样式
ct5211314的博客
11-16 827
console.log()是我们常用的语法，用于在控制台输出我们需要查看的数据格式。那么当页面console.log()过多时，可能一瞬间找不到我们需要查看的数据，这个时候我们就可以通过给输出添加样式来突出我们需要查看的数据。
console.log()控制台输出各种字体样式
狼丶宇先森的网络科技空间
08-18 5324
1、3D文字 console.log("%c3D Text"," 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 ...
colorterm_:console.log 的彩色终端输出
07-19
在JavaScript编程环境中，终端输出通常是黑白的，但通过利用`console.log`的扩展功能，我们可以为输出添加颜色，使得日志信息更易于阅读和理解。`colorterm_`是针对这一需求的一个工具或概念，它允许开发者在控制台...
如何使用JS console.log()技巧提高工作效率
10-14
你可以向`console.log()`传递一个CSS样式字符串，以改变输出文字的样式。比如： ```javascript console.log('%c Big message', 'font-size: 36px; font-weight: bold'); ``` 这将使文本变为36像素大且加粗。 4...
ConsoleCanvas用consolelog当画笔用调试台当画板
08-12
JavaScript的`console`对象提供了丰富的API，如`console.log`、`console.error`、`console.warn`等，它们都可以用来改变输出的颜色和样式，进一步增强画作的表现力。 在`ConsoleCanvas-master`这个压缩包中，很可能...
console
03-05
- **输出**：在编程中，我们经常使用`console.log()`（在JavaScript中）或其他类似函数将信息打印到控制台上，用于调试和查看程序运行状态。 - **输入**：控制台也可以接收用户输入，例如在命令行中键入指令或在...
JS.rar_site:www.pudn.com_打印实心
09-20
如果你想要更复杂的菱形样式，例如旋转、填充不同字符或改变边框宽度，可以通过修改现有代码或添加额外逻辑来实现。 总之，"JS.rar"中的内容可能涉及了JavaScript基础编程，特别是循环结构和控制台输出的应用，这...
JavaScript调试之console.log调试的一个小技巧分享
10-19
日常开发中经常会需要console来查看当前对象的值。当然用debugger会更全面的查看，但是总有只喜欢用console的，比如我。下面这篇文章主要给大家分享了关于JavaScript调试之console.log调试的一个小技巧，需要的朋友可以参考借鉴，下面来一起看看吧。
方法的装饰器 target打印出来为{}，在for循环中console.log(Reflect.getMetadata(‘path‘, target.prototype, key))无法打印出来
qq_43704742的博客
06-19 309
1、 两种装饰器 get是方法装饰器 target对应的是相应类的原型prototype controller是类的装饰器 target对应的是构造函数 但是在两个装饰器中console.log(target)与console.log(target.prototype)打印出来的都为{}， 这也导致了 console.log(Reflect.getMetadata(‘path’, target, key))无法打印， 因为for循环中target.prototype为空对象不能遍历。 当运行不报
自定义console.log的样式
m0_49440146的博客
06-10 1032
如何在控制台上打印有样式的文字了？
console.log 样式修改
q515656712的博客
06-17 321
console.log 样式修改
console.log自定义输出样式深究
wanwan5856的博客
03-21 5759
用法和效果如图：第一个参数是字符串，以%c 开头接加上文案，第二个参数也是字符串，内容写css就ok更完整的用法：console.log("%c%s", "color: red; background: blue; font-size: 20px;", "你好呀");%c 把字符串按照你提供的样式格式化后输入，%s 格式化成字符串输出，在第三个参数的位置然后肆意的花样输出吧：emmm..问题来了，...
console.log() 控制台输出样式
qq_37330613的博客
11-27 1461
在内容前加 %c 逗号分割 写样式 例 console.log(’%c 李四’, ‘color: red; font-size: 14px’)
在console面板打印有颜色的字体
热门推荐
tietth的博客
04-01 2万+
前端的同学一定都很熟悉console命令。我们经常会用到console.log()来打印一些调试信息，当然console还有其他很多妙用，如 console.log() 这个应该是最常用的 console.error() 输出错误信息 会以红色显示 console.assert(bool,”info”) 如果bool为false 打印出info 否则不打印 console.w
console.log颜色
07-28
除了颜色，还可以使用其他样式属性来自定义console.log输出的文本。 #### 引用[.reference_title] - *1* [【伸手党福利】console.log()修改字体大小、颜色、背景【基础+进阶总结】]...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值