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

Question

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

Answer 1

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

Answer 2

Еще лучше для отступления это:

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

Answer 3

Это мой взгляд на разные ответы. Я действительно хотел видеть зарегистрированные сообщения, даже если у меня не было открытой консоли IE, когда они были запущены, поэтому я помещаю их в массив console.messages, который я создаю. Я также добавил функцию console.dump() для облегчения просмотра всего журнала. console.clear() очистит очередь сообщений.

Это решение также "обрабатывает" другие методы консоли (которые, я считаю, все происходят из API консоли Firebug )

Наконец, это решение имеет форму 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 объекта. Это необходимо, потому что arguments не является на самом деле массивом .

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

Редактировать

Я добавил дополнительный массив console.raw, который захватывает аргументы в точности так, как передано trap(). Я понял, что args.join(' ') преобразовывает объекты в строку "[object Object]", что иногда может быть нежелательно. Спасибо bfontaine за предложение .

Answer 4

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

Answer 5

Предполагая, что вы не заботитесь о резервном предупреждении, вот еще более краткий способ обойти недостатки Internet Explorer:

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

Answer 6

Мне очень нравится подход, опубликованный "orange80". Это элегантно, потому что вы можете установить его один раз и забыть.

Другие подходы требуют от вас делать что-то другое (каждый раз вызывать что-то отличное от 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() {}; }
    }
}

Answer 7

Если вы получаете "undefined" для всех ваших вызовов console.log, это, вероятно, означает, что у вас все еще загружен старый firebuglite (firebug.js). Он переопределит все допустимые функции IE8 console.log, даже если они существуют. Это то, что случилось со мной в любом случае.

Проверка на наличие другого кода, переопределяющего объект консоли.

Answer 8

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

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

Answer 9

Есть так много ответов. Мое решение для этого было:

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

Короче говоря, если console.log не существует (или в данном случае не открыт), сохраните журнал в глобальном массиве пространств имен. Таким образом, вам не надоедают миллионы предупреждений, и вы все равно можете просматривать свои журналы при открытой или закрытой консоли разработчика.

Answer 10

Вот мое "IE, пожалуйста, не сбой"

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