前些时间做一个前后端通信的系统，在调试的过程中每次刷新页面都有很多输出，乱的很，所以自己又加了几个颜色的输出，console.js内容如下：

var sq = {log: function (s, css) {css = (css == undefined) ? "color:#fff7d3;background-color:#ff4f49;font-size:12px;padding:10px;" : css;console.log("%c%s", css, s);},green: function (s, css) {css = (css == undefined) ? "color:#fff7d3;background-color:#33a600;font-size:12px;padding:10px;" : css;console.log("%c%s", css, s);},blue: function (s, css) {css = (css == undefined) ? "color:#fff7d3;background-color:#00768f;font-size:12px;padding:10px;" : css;console.log("%c%s", css, s);},violet: function (s, css) {css = (css == undefined) ? "color:#fff7d3;background-color:#79008f;font-size:12px;padding:10px;" : css;console.log("%c%s", css, s);}}

使用方法

<script src="console.js"></script>
<script>console.log("原始颜色");console.warn("警告颜色");console.error("报错颜色");sq.log("你看看这是什么颜色");sq.green("我是什么颜色的？");sq.violet("我又是什么颜色的？")
</script>

打开控制台看看原始效果和自己设定的效果吧

控制台也能炫-chrome浏览器控制台输出彩色文字相关推荐

Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION
问题描述:Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION 原因: 服务器使用了TLS1.0 或 TLS1.1 版本,没有使用 TLS1.2 解决方法: 地址栏访 ...
windows下运行python打印有颜色的字_Windows和Linux下Python输出彩色文字的方法教程...
前言最近在项目中需要输出彩色的文字来提醒用户,以前写过,但是只能在win上面运行. 今天搜了下看有没有在win和Linux上通用的输出彩色文字的模块,结果发现没有,,于是就自己弄了一个,分享下,以后 ...
chrome 控制台信息获取 python_通过chrome浏览器控制台(Console)进行PHP Debug的方法
效果如下图 PHP Console是一款可以帮助用户模拟真实的PHP网站运行环境,帮助用户使用Chrome插件对PHP代码进行调试的Chrome插件,用户在Chrome中安装了PHP Console插 ...
开发工具 chrome浏览器控制台拦截javascript
链接:https://segmentfault.com/q/1010000002785720 我被这个问题困扰了好久,在chrome浏览器最上面的工具栏修改javascript的拦截配置一直是无效的, ...
完美解决Chrome浏览器中图片出现彩色马赛克的问题
问题描述使用Chrome浏览器浏览网页的时候出现了如下的情况: 解决方案打开Chrome的设置. 进入高级部分的系统. 将"使用硬件加速模式(如果可用)"取消. 个人的猜测 C ...
在终端中输出彩色文字
开发工作中经常见到终端中各种命令输出的彩色文字,例如 ls 命令就以不同颜色表示文件的不同类型. 而在我们自己写的程序输出的信息却是默认的黑色,本文将为你介绍终端输出带颜色的文字的原理,让我们开发的程 ...
python 输出彩色文字
直接上代码,写了一个选择双色球号码的小东西来显示字体颜色. pip install clint 将以下代码复制,执行变可看到python在list与string转化,以及彩色文字的输出有多么方便了. ...
Chrome浏览器控制台打开缓慢
1. F12 打开控制台 2. 设置选中项修改Language,从UK改成US,或者是中文都可以 3.点击reload更新设置
chrome浏览器控制台创建 js脚本并执行
Chrome的snippets是小脚本,还可以创作并在Chrome DevTools的来源面板中执行.您可以访问和从任何页面运行它们.当你运行一个片段,它从当前打开的页面的上下文中执行.本文主要讲如何 ...

控制台也能炫-chrome浏览器控制台输出彩色文字

使用方法

打开控制台看看原始效果和自己设定的效果吧

控制台也能炫-chrome浏览器控制台输出彩色文字相关推荐

最新文章

热门文章