Используем console на полную

[TheShock]

Пробовали использовать ключевое слово «debugger»?

[TheShock]

Ну, по-моему его можно использовать почти для всего)

[spmbt]

Да, будет весьма интересен и рабочий код, и сравнение с альтернативами. Все мы так или иначе делали свои варианты консолей (у меня была просто на чистом JS в плавающем диве, таскаемом за заголовок).

[TheShock]

Как раз недавно в твиттере наткнулся на прикольный код:

[kirilloid]

Кто чего поддерживает лучше сделать таблицей.

[Gobl1n]

> Порядок использования аргументов можно изменить вручную, использовав символ $ и приписав

Символ %.

[Gobl1n]

Черд. Невнимательно читал:)

[t0H]

Хороший перевод…
Только если уж использовать для отладки FireBug то надо пользоваться не только алертами)
getfirebug.com/wiki/index.php/Command_Line_API

[savostin]

Простите, немного не в тему, а киньте ктонить нормальной реализацией sprintf в Javascript.

[AlexTikhonov]

Еще думаю стоит заметить что console.log в некоторых броузерах (Chrome, FireFox точно) без ошибки отрабатывают при закрытой консоли, а тот же IE выдает ошибку.

Просто в связи с этим возникали ошибки: забывали убрать console.log, в Chrome/FF работало все нормально, а в IE ошибка.

[Serator]

Видимо это связанно с устройством встроенной консоли. В стабильной ветке Firefox'а все еще есть ошибка, а в бетках 4-ой ее уже нет, но есть встроенная консоль. Видимо в ie дела обстоят как-то иначе, но как ведет себя ie9 я не знаю… Может кто просветит?

[myem]

+500 насчет «не работает в стабильной версии». Причем я помню, что относительно недавно в 3-их ФФ с закрытой консолью ещё все срабатывало безошибочно, но не сейчас. Не далее как в начале года насткнулся на именно такой «глюк» — именно из-за неубранного console.log в приложении, открытом на клиентском компьютере не срабатывал полностью скрипт.

[TheShock]

Именно потому я пользуюсь такой ф-цией:

function log () {
    return 'console' in window ? console.log.apply(console, arguments) : null;
}

[pro100tak]

А я ставлю затычку из методов:

if (!window.console)
{
    window.console = {
        log : function(){},
        dir : function(){}
        ....
    }
}

[tushev]

Еще вариант, автоматически активировать консоль если текущий домен выглядит как локальный (чегото-там.local), и глушить затычками если он нелокальный. Ведь отладку делаем обычно на локальных серверах.

[pro100tak]

Оу, вот этот вариант лучше.

[Meithar]

Кстати, о затычках.

Из готовых решений есть ещё такой кроссбраузерный вариант: Complete cross-browser console.log() с подробным описанием всех решаемых проблем и тестовая страница, где можно сразу увидеть/проверить результат работы во всех браузерах.

При подключении consolelog.js обратите внимание на то, что этот скрипт не переопределяет уже имеющуюся функцию log() (это может были либо ваша, либо из другой подобной затычки).

[tushev]

Вопрос.
Напихали мы в свой большой JavaScript проект десятки или даже сотни отладочных и дебагерских вызовов к консоли. А какой самый удобный способ убрать их из релиза?

Сходу в голову приходит вариант сделать Replace по все JS файлам.
Или сделать собственный объект console, в котором все методы ничего не делают, и тогда console вызовы можно оставить в коде.

Может быть есть какие то более приятные варианты?

[TheShock]

Переопределение консоли — вполне неплохой вариант. Тем более, можно определить её так:

new function () {
  var debug    = true;
  var original = window.console;
  window.console = {};
  ['log', 'dir', ...].forEach(function (method) {
    console[method] = function () {
      return (debug && original) ? original[method].apply(original, arguments), 
    }
  });
};

И проблему с неопределенной консолью решите и легко отключается дебаг.

[slik]

Стоит добавить что в Chrome есть:

• переменная $0 всегда равна выбраному елементу на вкладке Elements (или document.body, если ничего не выбрано)
• функция copy() копирует текст в буфер обмена (например copy(document.body.innerText))
• функция inspect() переключает на вкладку Elements где автоматически выбирается нужный елемент (например inspect(document.body))

[koteus]

Есть еще такой вариант:

(function(__global){
    if (!__global.console || (__global.console && !__global.console.log)) {
         __global.console = {
	     log: (__global.opera && __global.opera.postError)
             ? __global.opera.postError
	     : function(){ }
        }
    }
})(this);

[kellas]

Удобно включать режим отладки из адресной строки, например дописывая в неё #console

if(typeof allow_console == 'undefined'){
   var allow_console= false;

   var hash = location.hash;
   if(hash.indexOf('#console')!=-1){
     allow_console = true;
   }
}
if(allow_console==true){
  console.log('Режим отладки включен');
}


[how]

Вот детальнее о профилировании в Google Chrome — http://habrahabr.ru/post/149053/