[Javascript] Что случилось с console.log в IE8?


Answers

console.log доступен только после того, как вы открыли Инструменты разработчика (F12 для его открытия и закрытия). Забавно, что после того, как вы его открыли, вы можете закрыть его, а затем поместить в него сообщения console.log, и это будет видно при его повторном открытии. Я думаю, что это ошибка, и может быть исправлена, но мы увидим.

Я, вероятно, просто буду использовать что-то вроде этого:

function trace(s) {
  if ('console' in self && 'log' in console) console.log(s)
  // the line below you might want to comment out, so it dies silent
  // but nice for seeing when the console is available or not.
  else alert(s)
}

и даже проще:

function trace(s) {
  try { console.log(s) } catch (e) { alert(s) }
}
Question

Согласно этому сообщению, это было в бета-версии, но это не в релизе?




Стоит отметить, что console.log в IE8 не является истинной функцией Javascript. Он не поддерживает методы apply или call .




Лучшим решением для любого браузера, у которого нет консоли, является:

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



Вот версия, которая будет записываться на консоль, когда инструменты разработчика открыты, а не когда они закрыты.

(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)



Я нашел это на 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 = {});
    }
} ());



Он работает в IE8. Откройте инструменты разработчика IE8, нажав F12.

>>console.log('test')
LOG: test



Мне очень нравится подход, размещенный «оранжевым». Это изящно, потому что вы можете установить его один раз и забыть.

Другие подходы требуют, чтобы вы делали что-то другое console.log() каждый раз вызывайте что-то другое, кроме простой console.log() ), которое просто требует неприятностей ... Я знаю, что я в конце концов забуду.

Я сделал еще один шаг, обернув код в функцию утилиты, которую вы можете вызвать один раз в начале вашего javascript, где бы он ни находился до регистрации. (Я устанавливаю это в продукт маршрутизатора событий данных моей компании, что упростит кросс-браузерный дизайн нового интерфейса администратора).

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



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