javascript - log - 콘솔 오류




IE8에서 console.log에 무슨 일이 일어 났습니까? (12)

이 게시물 에 따르면 베타 버전 이었지만 릴리스되지 않았습니다.


"orange80"이 게시 한 접근 방식이 정말 마음에 듭니다. 한 번 설정하고 잊어 버릴 수있어서 우아합니다.

다른 접근 방식은 당신이 뭔가 다른 일을 할 것을 요구합니다. console.log() 매번 평범한 console.log() 호출 할 때마다), 문제를 묻는 것입니다. 나는 결국 잊을 것입니다.

나는 한 걸음 더 나아 갔다. 자바 스크립트를 시작할 때 한 번 호출 할 수있는 유틸리티 함수에 코드를 래핑하여, 어떤 로깅보다 먼저 사용하는 한 어디서나 사용할 수있다. (나는 이것을 회사의 이벤트 데이터 라우터 제품에 설치하고 있으며 새로운 관리 인터페이스의 브라우저 간 디자인을 간소화하는 데 도움이 될 것입니다.)

/**
 * 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() {}; }
    }
}

IE8의 console.log 는 진정한 Javascript 기능이 아닙니다. apply 또는 call 메소드를 지원하지 않습니다.


html로 자신의 콘솔을 만드십시오. ;-) 이것은 imprved 될 수 있지만 다음으로 시작할 수 있습니다 :

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);
        }
    };
}

경고 할 대책에 신경 쓰지 않는다고 가정하면 Internet Explorer의 단점을 보완하는 더욱 간결한 방법이 있습니다.

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

나는 이것을 github 에서 발견했다.

// usage: log('inside coolFunc', this, arguments);
// paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/
window.log = function f() {
    log.history = log.history || [];
    log.history.push(arguments);
    if (this.console) {
        var args = arguments,
            newarr;
        args.callee = args.callee.caller;
        newarr = [].slice.call(args);
        if (typeof console.log === 'object') log.apply.call(console.log, console, newarr);
        else console.log.apply(console, newarr);
    }
};

// make it safe to use console.log always
(function(a) {
    function b() {}
    for (var c = "assert,count,debug,dir,dirxml,error,exception,group,groupCollapsed,groupEnd,info,log,markTimeline,profile,profileEnd,time,timeEnd,trace,warn".split(","), d; !! (d = c.pop());) {
        a[d] = a[d] || b;
    }
})(function() {
    try {
        console.log();
        return window.console;
    } catch(a) {
        return (window.console = {});
    }
} ());

나는이 방법을 좋아한다. (jquery의 doc을 사용한다.) ... ie 콘솔을 사용할 수있다. 페이지가로드 된 후에 ie dev의 도구를 열면 페이지를 다시 읽어 들일 필요가있다.

모든 기능을 고려하면 더 매끄럽지 만 로그 만 사용하므로 이것이 내가하는 일입니다.

//one last double check against stray console.logs
$(document).ready(function (){
    try {
        console.log('testing for console in itcutils');
    } catch (e) {
        window.console = new (function (){ this.log = function (val) {
            //do nothing
        }})();
    }
});

다음은 개발자 도구가 열려있을 때 콘솔에 로그인하고 닫을 때 콘솔에 로그온하지 않는 버전입니다.

(function(window) {

   var console = {};
   console.log = function() {
      if (window.console && (typeof window.console.log === 'function' || typeof window.console.log === 'object')) {
         window.console.log.apply(window, arguments);
      }
   }

   // Rest of your application here

})(window)

대체로 더 좋습니다.


   var alertFallback = true;
   if (typeof console === "undefined" || typeof console.log === "undefined") {
     console = {};
     if (alertFallback) {
         console.log = function(msg) {
              alert(msg);
         };
     } else {
         console.log = function() {};
     }
   }


여기 내 "IE는 충돌하지 마세요"입니다.

typeof console=="undefined"&&(console={});typeof console.log=="undefined"&&(console.log=function(){});

위에서 Walter의 접근 방식을 사용하고 있습니다 ( https://.com/a/14246240/3076102 ).

나는 여기에있는 https://.com/a/7967670 에서 발견 한 해답을 섞어 객체를 올바르게 보여줍니다.

즉, 함정 기능은 다음과 같습니다.

function trap(){
    if(debugging){
        // 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 index;
        for (index = 0; index < args.length; ++index) {
            //fix for objects
            if(typeof args[index] === 'object'){ 
                args[index] = JSON.stringify(args[index],null,'\t').replace(/\n/g,'<br>').replace(/\t/g,'&nbsp;&nbsp;&nbsp;');
            }
        }
        var message = args.join(' ');
        console.messages.push(message);
        // instead of a fallback function we use the next few lines to output logs
        // at the bottom of the page with jQuery
        if($){
            if($('#_console_log').length == 0) $('body').append($('<div />').attr('id', '_console_log'));
            $('#_console_log').append(message).append($('<br />'));
        }
    }
} 

나는 이것이 도움이되기를 바란다 :-)


콘솔이없는 모든 브라우저에 가장 적합한 솔루션은 다음과 같습니다.

// Avoid `console` errors in browsers that lack a console.
(function() {
    var method;
    var noop = function () {};
    var methods = [
        'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
        'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
        'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
        'timeStamp', 'trace', 'warn'
    ];
    var length = methods.length;
    var console = (window.console = window.console || {});

    while (length--) {
        method = methods[length];

        // Only stub undefined methods.
        if (!console[method]) {
            console[method] = noop;
        }
    }
}());

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






console