浏览器(cmd)控制台输出带有颜色

简介: 浏览器(cmd)控制台输出带有颜色

一般在浏览器中看到人家打印的带有颜色,所以咋也来实现一下。如下:


效果


在浏览器的效果


20210718214514761.png


使用方式


console.log('\x1B[3m%s\x1B[23m', 'italic')
console.log('\x1B[1m%s\x1B[22m', 'bold')


在cmd里面的效果


20210718214824664.png


使用方式


console.log('\x1B[3m%s\x1B[23m', 'italic')
console.log('\x1B[1m%s\x1B[22m', 'bold')


一些常用的颜色代码


    'bold'          : ['\x1B[1m%s\x1B[22m'],
    'italic'        : ['\x1B[3m%s\x1B[23m'],
    'underline'     : ['\x1B[4m%s\x1B[24m'],
    'inverse'       : ['\x1B[7m%s\x1B[27m'],
    'strikethrough' : ['\x1B[9m%s\x1B[29m'],
    'white'         : ['\x1B[37m%s\x1B[39m'],
    'grey'          : ['\x1B[90m%s\x1B[39m'],
    'black'         : ['\x1B[30m%s\x1B[39m'],
    'blue'          : ['\x1B[34m%s\x1B[39m'],
    'cyan'          : ['\x1B[36m%s\x1B[39m'],
    'green'         : ['\x1B[32m%s\x1B[39m'],
    'magenta'       : ['\x1B[35m%s\x1B[39m'],
    'red'           : ['\x1B[31m%s\x1B[39m'],
    'yellow'        : ['\x1B[33m%s\x1B[39m'],
    'whiteBG'       : ['\x1B[47m%s\x1B[49m'],
    'greyBG'        : ['\x1B[100m%s\x1B[49m'],
    'blackBG'       : ['\x1B[40m%s\x1B[49m'],
    'blueBG'        : ['\x1B[44m%s\x1B[49m'],
    'cyanBG'        : ['\x1B[46m%s\x1B[49m'],
    'greenBG'       : ['\x1B[42m%s\x1B[49m'],
    'magentaBG'     : ['\x1B[45m%s\x1B[49m'],
    'redBG'         : ['\x1B[41m%s\x1B[49m'],
    'yellowBG'      : ['\x1B[43m%s\x1B[49m']


相关文章
|
2月前
vue-cli 如何让Eslint 报错在浏览器控制台输出
vue-cli 如何让Eslint 报错在浏览器控制台输出
33 0
|
3月前
IntelliJ IDEA 自定义控制台输出多颜色格式功能 --- 安装Grep Console插件
IntelliJ IDEA 自定义控制台输出多颜色格式功能 --- 安装Grep Console插件
109 0
|
3月前
|
XML 机器学习/深度学习 JSON
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
30 0
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
|
7月前
|
JavaScript
手机浏览器查看控制台
手机浏览器查看控制台
68 1
|
7月前
|
Web App开发
chrome 浏览器在 112 正式版本以及 114 canary 版本从 devtools 控制台复制文本不会复制高亮显示的文本?
chrome 浏览器在 112 正式版本以及 114 canary 版本从 devtools 控制台复制文本不会复制高亮显示的文本?
64 0
|
7月前
IntelliJ IDEA 控制台如何修改不同级别的日志颜色
IntelliJ IDEA 控制台如何修改不同级别的日志颜色
382 0
|
10月前
|
Web App开发
Chrome谷歌浏览器F12打开控制台报错
Chrome谷歌浏览器F12打开控制台报错
314 0
|
10月前
|
Web App开发 JavaScript
Chrome浏览器控制台Unchecked runtime.lastError: The message port closed before a response was received.解决
大家好,今天和大家分享一报错的解决方法 在使用vue开发时使用Chrome运行的时候出现了一个报错,当时什么都没有写就报错了,就找了一下这个问题,后来发现是因为迅雷拓展的问题,下面就一起来看看如何解决这个问题。
|
10月前
|
Web App开发 JavaScript 前端开发
JavaScript(控制台颜色)
JavaScript(控制台颜色)
|
Web App开发 JavaScript 前端开发
浏览器开发者控制台使用入门
浏览器开发者控制台使用入门
371 0
浏览器开发者控制台使用入门