显示来自 javascript 控制台的消息

Question

我如何使用 javascript 遍历 javascript 控制台中的消息并将它们显示给用户，例如将它们逐行添加到 [=11 之类的容器元素中=].

我知道如何使用 console.log 将消息添加到控制台，但我的问题是，有什么方法可以检索已添加的消息。

Answer 1

要做到这一点，我们的想法是拦截发送到控制台的任何内容。这是一个跨浏览器的解决方案。

   function takeOverConsole(){
        var console = window.console
        if (!console) return
        function intercept(method){
            var original = console[method]
            console[method] = function(){
                var message = Array.prototype.slice.apply(arguments).join(' ')
                // do sneaky stuff
                if (original.call){
                    // Do this for normal browsers
                    original.call(console, message)
                }else{
                    // Do this for IE
                    original(message)
                }
            }
        }
        var methods = ['log', 'warn', 'error']
        for (var i = 0; i < methods.length; i++)
            intercept(methods[i])
    }

从 taking-over-console-log/

找到这个

这里我调用了函数，做了一个简单的日志"hey"。它会拦截它，我会提醒拦截的消息。 http://jsfiddle.net/Grimbode/zetcpm1a/

解释这个函数是如何工作的：

我们用实际的控制台声明了一个变量console。如果 console 是 undefined 我们就立即停止并离开函数。
我们为不同的控制台消息类型声明var methods = ['log', 'warn', 'error']
我们遍历这些方法并调用 intercept 函数并发送 console type（字符串：'log'、'warn' 等）。
拦截函数只是将监听器应用到该类型的控制台消息。在我们的例子中，我们正在应用一个监听器来记录、警告和错误。
我们检索消息并将其放入消息变量中。
由于我们拦截了消息，它不会显示在控制台中，所以我们继续 original.call() 或 original() 将其添加到控制台。

显示来自 javascript 控制台的消息

display messages from the javascript console

javascript

console

logging