小白也能写框架之【二、带颜色的日志管理器】

嘿嘿可以啊,大佬求教,指点下

同问 :laughing:

同问 :grinning:

现在它是我的了 :upside_down_face:

我选择直接用group把堆栈打印出来,console.log.bind适合只看log,但是如果我想在log中做缓存日志就没法了

好精致的面板 :star_struck:

image

我之前代码里 也是这样实现,打印出堆栈信息

后来发现程序有错误,浏览器会自动爆红,也能跟踪,索性就简化了

目的不一样吧,我是为了在打印日志的位置保存记录,这个记录是要在游戏中展示给测试去看的,原生端游戏,测试如果想看日志或者我想回他们设备上的运行记录,只能自己封装log

哥,我没看懂,你的日志不是可以显示 使用者么?

怎么我复制到我的日志管理器里,还是显示 日志管理器 本身ne ?

他的this就是window,要自己封装就像下面这样

为什么你们的脑子都这么好?

我是饭喂到我嘴里才知道,谢谢老师。

样式这东西自己看着舒服心里舒坦

/**

 * 日志管理类,用于统一日志输出格式

 */

export class LogMgr {

    /**

     * 用于输出调试信息

     */

    static get debug() {

        return window.console.log.bind(window.console, '%c【调试】', 'color: white; background-color: #007BFF; font-weight: bold; font-size: 14px;');

    }

    /**

     * 用于输出一般信息

     */

    static get info() {

        return window.console.log.bind(window.console, '%c【信息】', 'color: white; background-color: #28A745; font-weight: bold; font-size: 14px;');

    }

    /**

     * 用于输出警告信息

     */

    static get warn() {

        return window.console.log.bind(window.console, '%c【警告】', 'color: black; background-color: #FFC107; font-weight: bold; font-size: 14px;');

    }

    /**

     * 用于输出错误信息

     */

    static get err() {

        return window.console.log.bind(window.console, '%c【错误】', 'color: white; background-color: #DC3545; font-weight: bold; font-size: 14px;');

    }

}

代码已更新,演示如下:

1赞

好用的咧 :+1:

:crazy_face: :relaxed:

好用就行,适合新手

还以为抄了我的代码。 :sweat_smile:

嘿嘿,哥们你的这个是怎么写的啊?有没有更高效的

和你写的差不多,但是我的是单例,我觉得window下挂东西,会污染这个window的节点。之前看过太多游戏都挂在下面了。导致不知道下面挂了多少个同名节点嘿嘿。
第二点,你可以看下腾讯的vconsole里,应该是不会显示颜色的。。

目前调试都是在浏览器环境下,我一般都不管vconsole