【前端】JS日志输出-console完美封装

缺乏、安全感 2024-04-26 10:50 71阅读 0赞

最近在开发一款chrome扩展插件，经常会打印一些调试的日志，然后上生产的时候日志打印的地方总是会有一些漏网之鱼，没有被删掉，控制台还会打印出很多的敏感信息，这是很不合理的，也是不被允许的，鉴于此，对console做了封装，废话不多说，直接上干货

使用方法

Log.info("logging info: " + "message");
    Log.warn("log warn： " + "message");
    Log.error("log error: " + message);
    Log.debug("debug message");

引入下面的 js

var StringUtil = function () {
        
        return {
        
            format: function (n, r) {
        
                return n.replace(/\{(\d+)\}/g, function (n, t) {
        
                    return typeof r[t] != "undefined" ? r[t] : n
                })
            }, hashCode: function (n) {
        
                if (typeof n != "string") return "not string";
                var r = 0;
                if (n.length === 0) return r;
                for (i = 0; i < n.length; i++) {
        
                    r = (r << 5) - r + n.charCodeAt(i);
                    r = r & r
                }
                return r
            }
        }
    }();

以下是对console的封装

var Log = function (isLog) {
        
        var now = new Date;
        var dev, prod, logModel;
        if (typeof window !== "undefined") {
        
            var logType = ["debug", "info", "warn", "error"];
            var f = ["assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
            if (!window.console) {
        
                window.console = {
        }
            }
            if (!window.console.log) {
        
                window.console.log = function () {
        }
            }
            for (var i = 0; i < f.length; ++i) {
        
                if (!window.console[f[i]]) {
        
                    window.console[f[i]] = function () {
        }
                }
            }
            for (var i = 0; i < logType.length; ++i) {
        
                if (!window.console[logType[i]]) {
        
                    window.console[logType[i]] = window.console.log
                }
            }
        }
        dev = {
        
            DEBUG: function (msg) {
        
                console.debug(msg) // 这里如果上面初始化失败不能使用可直接将这里改为 console.log
            }, INFO: function (msg) {
        
                console.info(msg)
            }, WARN: function (msg) {
        
                console.warn(msg)
            }, ERROR: function (msg) {
        
                console.error(msg)
            }
        };
        //生产环境中使用任需要打印日志可在这里做相应的修改
        prod = {
        
            DEBUG: function (msg) {
        }, INFO: function (msg) {
        }, WARN: function (msg) {
        }, ERROR: function (msg) {
        }
        };
        logModel = isLog ? dev : prod;
        var s;
        var u;
        var c = [];
        var oldDate = now;
    
        function l(n) {
        
            var newDate = new Date;
            var timeStamp = newDate - oldDate;
            var message = timeStamp > 150 ? timeStamp + "(ms): " + n.msg : n.msg;
            try {
        
                logModel[n.type](message)
            } catch (e) {
        
                return
            }
            oldDate = newDate;
        }
    
        function d(n) {
        
            if (Object.prototype.toString.call(n) === "[object Array]") {
        
                var o = "[";
                for (var r = 0; r < n.length; r++) {
        
                    o = o + d(n[r]) + ","
                }
                return o + "]"
            } else {
        
                return StringUtil.hashCode(n)
            }
        }
    
        function w(n) {
        
            if (n.length == 0) return null;
            var o = n[0];
            if (typeof o != "string") {
        
                throw "not a string: " + o
            }
            var r = [];
            for (var t = 1; t < n.length; t++) {
        
                var i = n[t];
                r.push(typeof i == "object" ? JSON.stringify(i, function (n, o) {
        
                    if (typeof n == "string") {
        
                        var r = n.toLowerCase();
                        return r.indexOf("password") != -1 || r == "value" && (this.key == "p" || this.type == "password") ? d(o) : o
                    }
                    return o
                }) : i)
            }
            return StringUtil.format(o, r)
        }
    
        function v(logType, o) {
        
            var r = {
        
                type: logType,
                msg: w(o)
            };
            l(r);
            if (u == undefined) {
        
                c.push(r)
            } else if (u && u.passwords) {
        
                c.push(r);
                var t = u.passwords;
                for (var i = 0; i < t.length; i++) {
        
                    var e = t[i];
                    if ("password".indexOf(e) != -1) {
        
                        continue
                    }
                    if (r.msg.indexOf(e) != -1) {
        
                        var f = "audit fail for: " + e;
                        l({
        
                            type: "ERROR",
                            msg: f
                        });
                        throw f
                    }
                }
            }
        }
        return {
        
            setLogging: function (isLogging) {
        
                logModel = isLogging ? dev : prod
            }, skipAudit: function () {
        
                l({
        
                    type: "DEBUG",
                    msg: w(arguments)
                })
            }, debug: function () {
        
                v("DEBUG", arguments)
            }, info: function () {
        
                v("INFO", arguments)
            }, warn: function () {
        
                v("WARN", arguments)
            }, error: function () {
        
                v("ERROR", arguments)
            }, getAuditString: function () {
        
                var n = [];
                for (var o = 0; o < c.length; o++) {
        
                    var r = c[o];
                    n.push(r.type + ":" + r.msg)
                }
                return n.join("\n")
            }, init: function (flag) {
        
                u = flag;
                if (u === false) {
        
                    c = []
                }
            }
        }
    }(islog);// boolean类型参数 全局控制是否打印日志

发表评论取消回复

表情：

评论列表（有 0 条评论，71人围观）

还没有评论，来说两句吧...

相关阅读

相关【前端】JS日志输出-console完美封装

最近在开发一款chrome扩展插件，经常会打印一些调试的日志，然后上生产的时候日志打印的地方总是会有一些漏网之鱼，没有被删掉，控制台还会打印出很多的敏感信息，这是很不合理...

缺乏、安全感/ 2024年04月26日 10:50/ 0 赞/ 72 阅读

相关 js的日志输出console.log 你真的会使用吗

在JavaScript中，可以使用console对象在控制台中输出信息。以下是一些常用的console方法： 1. log(): 输出一般信息。 console.

深碍√TFBOYSˉ_/ 2023年10月10日 18:27/ 0 赞/ 39 阅读

相关 JS -- console.log测试输出，闪烁一下后消失

今天写JS遇到的一个小问题：在提交按钮中写的Button点击事件，每次点击后在console中闪烁一下就消失了，也不报错。检查了一下发现有个`<form class="layu

本是古典何须时尚/ 2023年07月24日 14:33/ 0 赞/ 1 阅读

相关 JS - console.log() 打印彩色文字输出

效果图 ![在这里插入图片描述][20200711090547526.png] 实现 `message：打印的消息` / `color：颜色` var

r囧r小猫/ 2023年02月25日 07:24/ 0 赞/ 16 阅读

相关 js timeend_console.time＆console.timeEnd

js timeend The `console.time` and `console.timeEnd` methods allow developers to time an

谁践踏了优雅/ 2023年02月22日 03:35/ 0 赞/ 18 阅读

相关 js 打印输出格式类封装

/ 字体样式 / class Style { } Style.DEFAULT = 0;

谁践踏了优雅/ 2022年12月30日 13:48/ 0 赞/ 152 阅读

相关 js日志输出还是只会console.log么，那你就out了

![图片描述][f6f029def6512737ddfd3ae4687db45c.png] 几乎所有的javascript开发者最常使用的日志打印调试api都是`consol

谁借莪１个温暖的怀抱￠/ 2022年11月21日 04:16/ 0 赞/ 159 阅读

相关 Logcat完美输出

平时我们在打印服务器返回的json字符串时，如果长度超过了4K，那么AS将会去掉超过的部分，该如何解决呢？试试下面的工具类吧： / Created by Song

梦里梦外;/ 2022年07月17日 04:19/ 0 赞/ 200 阅读

相关 js console命令

js中比alert 更好用，更方便的console.log(); 一、显示信息的命令 <!DOCTYPE html> <html> <hea

ゞ浴缸里的玫瑰/ 2022年06月12日 09:21/ 0 赞/ 186 阅读

相关简易Java日志(Log)输出工具的封装

本文链接: [http://blog.csdn.net/xietansheng/article/details/70478082][http_blog.csdn.net_xie

忘是亡心i/ 2021年09月22日 06:10/ 0 赞/ 413 阅读