admin 管理员组

文章数量: 1184232

前些时间做一个前后端通信的系统，在调试的过程中每次刷新页面都有很多输出，乱的很，所以自己又加了几个颜色的输出，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浏览器控制台输出彩色文字 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1755021985a3061398.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。