[javascript] IE8에서 console.log는 어떻게 되었습니까?

이것은 다양한 답변을 취하는 것입니다. 해고되었을 때 IE 콘솔을 열지 않아도 실제로 기록 된 메시지를보고 싶었습니다. 그래서 내가 만든 console.messages배열 로 밀어 넣습니다 . 또한 console.dump()전체 로그를 쉽게 볼 수 있는 기능 을 추가했습니다 . console.clear()메시지 대기열을 비 웁니다.

이 솔루션은 또한 다른 콘솔 방법을 “처리”합니다. Firebug Console 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)

추가 정보

선 var args = Array.prototype.slice.call(arguments);은 arguments객체 에서 배열을 만듭니다 . 인수는 실제로 Array가 아니기 때문에 필수 입니다.

trap()모든 API 함수의 기본 핸들러입니다. 나는 인수를 message전달하여 API 호출에 전달 된 인수의 로그를 얻습니다 console.log.

편집하다

에 console.raw전달 된대로 정확하게 인수를 캡처 하는 추가 배열 을 추가 했습니다 trap(). 때로는 바람직하지 않은 args.join(' ')객체를 문자열로 변환하고 있음을 깨달았습니다 "[object Object]". 덕분에 bfontaine 에 대한 제안 .

답변

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

/**
 * Call once at beginning to ensure your app can safely call console.log() and
 * console.dir(), even on browsers that don't support it.  You may not get useful
 * logging on those browers, but at least you won't generate errors.
 *
 * @param  alertFallback - if 'true', all logs become alerts, if necessary.
 *   (not usually suitable for production)
 */
function fixConsole(alertFallback)
{
    if (typeof console === "undefined")
    {
        console = {}; // define it if it doesn't exist already
    }
    if (typeof console.log === "undefined")
    {
        if (alertFallback) { console.log = function(msg) { alert(msg); }; }
        else { console.log = function() {}; }
    }
    if (typeof console.dir === "undefined")
    {
        if (alertFallback)
        {
            // THIS COULD BE IMPROVED… maybe list all the object properties?
            console.dir = function(obj) { alert("DIR: "+obj); };
        }
        else { console.dir = function() {}; }
    }
}