在html ....中制作自己的控制台: -) 这是可以改进的，但你可以从以下开始:

if (typeof console == "undefined" || typeof console.log === "undefined") {
    var oDiv=document.createElement("div");
    var attr = document.createAttribute('id'); attr.value = 'html-console';
    oDiv.setAttributeNode(attr);


    var style= document.createAttribute('style');
    style.value = "overflow: auto; color: red; position: fixed; bottom:0; background-color: black; height: 200px; width: 100%; filter: alpha(opacity=80);";
    oDiv.setAttributeNode(style);

    var t = document.createElement("h3");
    var tcontent = document.createTextNode('console');
    t.appendChild(tcontent);
    oDiv.appendChild(t);

    document.body.appendChild(oDiv);
    var htmlConsole = document.getElementById('html-console');
    window.console = {
        log: function(message) {
            var p = document.createElement("p");
            var content = document.createTextNode(message.toString());
            p.appendChild(content);
            htmlConsole.appendChild(p);
        }
    };
}

假设你不关心提醒的备用方法，这里有一个更简洁的方法来解决ie的缺点:

var console=console||{"log":function(){}};

在html ....中制作自己的控制台: -) 这是可以改进的，但你可以从以下开始:

if (typeof console == "undefined" || typeof console.log === "undefined") {
    var oDiv=document.createElement("div");
    var attr = document.createAttribute('id'); attr.value = 'html-console';
    oDiv.setAttributeNode(attr);


    var style= document.createAttribute('style');
    style.value = "overflow: auto; color: red; position: fixed; bottom:0; background-color: black; height: 200px; width: 100%; filter: alpha(opacity=80);";
    oDiv.setAttributeNode(style);

    var t = document.createElement("h3");
    var tcontent = document.createTextNode('console');
    t.appendChild(tcontent);
    oDiv.appendChild(t);

    document.body.appendChild(oDiv);
    var htmlConsole = document.getElementById('html-console');
    window.console = {
        log: function(message) {
            var p = document.createElement("p");
            var content = document.createTextNode(message.toString());
            p.appendChild(content);
            htmlConsole.appendChild(p);
        }
    };
}

if (window.console && 'function' === typeof window.console.log) {
    window.console.log(o);
}

答案太多了。我的解决方案是:

globalNamespace.globalArray = new Array();
if (typeof console === "undefined" || typeof console.log === "undefined") {
    console = {};
    console.log = function(message) {globalNamespace.globalArray.push(message)};   
}

简而言之，如果console.log不存在(或者在本例中没有打开)，则将日志存储在全局名称空间数组中。这样，您就不会受到数百万条警报的困扰，并且仍然可以在打开或关闭开发人员控制台的情况下查看日志。

以下是我对各种答案的看法。我想真正看到记录的消息，即使它们被触发时我没有打开IE控制台，所以我把它们推到一个控制台。我创建的消息数组。我还添加了一个console.dump()函数，以方便查看整个日志。Console.clear()将清空消息队列。

这个解决方案还“处理”了其他控制台方法(我相信它们都起源于Firebug控制台API)

最后，该解决方案采用IIFE形式，因此不会污染全局范围。回退函数参数在代码的底部定义。

我只是把它放在我的主JS文件中，包括在每一页，然后忘记它。

(function (fallback) {    

    fallback = fallback || function () { };

    // function to trap most of the console functions from the FireBug Console API. 
    var trap = function () {
        // create an Array from the arguments Object           
        var args = Array.prototype.slice.call(arguments);
        // console.raw captures the raw args, without converting toString
        console.raw.push(args);
        var message = args.join(' ');
        console.messages.push(message);
        fallback(message);
    };

    // redefine console
    if (typeof console === 'undefined') {
        console = {
            messages: [],
            raw: [],
            dump: function() { return console.messages.join('\n'); },
            log: trap,
            debug: trap,
            info: trap,
            warn: trap,
            error: trap,
            assert: trap,
            clear: function() { 
                  console.messages.length = 0; 
                  console.raw.length = 0 ;
            },
            dir: trap,
            dirxml: trap,
            trace: trap,
            group: trap,
            groupCollapsed: trap,
            groupEnd: trap,
            time: trap,
            timeEnd: trap,
            timeStamp: trap,
            profile: trap,
            profileEnd: trap,
            count: trap,
            exception: trap,
            table: trap
        };
    }

})(null); // to define a fallback function, replace null with the name of the function (ex: alert)

一些额外的信息

line var args = Array.prototype.slice.call(参数);从参数Object创建一个数组。这是必需的，因为arguments并不是真正的数组。

trap()是任何API函数的默认处理程序。我将参数传递给message，以便您获得传递给任何API调用的参数的日志(不仅仅是console.log)。

Edit

我增加了一个额外的数组控制台。捕获传递给trap()的参数。我意识到args。join(' ')正在将对象转换为字符串"[object object]"，这有时可能是不可取的。谢谢你的建议。