可以将console.log控制台信息显示在前台页面的js插件

当前位置:主页 > jQuery库 > 工具类 > 可以将console.log控制台信息显示在前台页面的js插件
可以将console.log控制台信息显示在前台页面的js插件
分享:

    插件介绍

    screenlog.js是一款非常实用的可以将console.log控制台信息显示在前台页面的js插件。console.log是在控制台打印信息的方法,通过screenlog.js插件,我们可以将在控制台显示的信息转移到前台页面来查看。

    浏览器兼容性

    浏览器兼容性
    时间:2016-02-29
    阅读:
麦子学院
简要教程

screenlog.js是一款非常实用的可以将console.log控制台信息显示在前台页面的js插件。console.log是在控制台打印信息的方法,通过screenlog.js插件,我们可以将在控制台显示的信息转移到前台页面来查看。

使用方法

通常我们在调试一段JavaScript代码的时候,需要实用console.log方法来打印一些调试信息,而通过console.log方法打印的信息会在控制台中显示。

通过screenlog.js插件,我们不用打开浏览器的控制台,就可以在前台页面中看到这些调试信息,调试完毕直接移除这个插件即可,使用非常方便。

初始化插件

在页面中引入screenlog.min.js文件。然后通过下面的方法来初始化该插件。

screenLog.init();                  
                

screenlog.js插件效果截图

公共API

screenLog.init([options])

初始化screen logger,它会在屏幕上创建一个自定义的面板。

  • options:一组附加选项。
    • color:文本的颜色。默认为lightgreen
    • bgColor:面板的背景颜色,默认为black
    • releaseConsole:默认情况下console.log会被在屏幕上重写。你可以通过设置releaseConsoletrue,并使用screenLog.log() api来避免这种情况的发生。默认为false
screenLog.log(obj1 [, obj2, ..., objN])

在屏幕上显示的log信息。

  • obj1 ... objN:要被输出的一组JavaScript对象或字符串。
screenLog.clear()

清空屏幕上的log信息。

screenLog.destroy()

销毁插件并恢复原来的控制台显示。

screenlog.js插件的github地址为:https://github.com/chinchang/screenlog.js

网友评论