@TheShock5 апр 2011 в 06:04

Делаем консоль чуточку удобнее

4 мин

7.4K

JavaScript *

+87

Комментарии 35

НЛО прилетело и опубликовало эту надпись здесь

@TheShock 5 апр 2011 в 06:32

Там, где нету консоли — нельзя. Например, в ie, в некоторых Фоксах. А ведь они — основная цель. Так что можно только перечислять всё руками.

НЛО прилетело и опубликовало эту надпись здесь

@hacenator 5 апр 2011 в 06:44

Так есть же Firebug lite. Или я что-то упустил?

@TheShock 5 апр 2011 в 06:48

Нет, немножко разные цели.
Firebug Lite — крутая девелоперская штука, которая подключается только при разработке и в production коде — отключается.
То решение, которое в топике больше необходимо для того, чтобы можно было оставлять всякие console.log даже после разработки, в production коде или во время тестирования.

@hacenator 5 апр 2011 в 06:52

А что мешает оставить Firebug в production? Размер? Так подключайте его динамически по необходимости.

@TheShock 5 апр 2011 в 06:59

Firebug в сжатом виде — 130 килобайт. Он нужен исключительно для production и то не всегда.
Я хочу использовать обычный Firebug или консолью в Хроме. При этом хочу, чтобы код не сломался в ie6 из-за где-то оставленного console.log. Подключаю заглушку и продолжаю пользоваться обычным Firebug ил консолью в Хроме.

@1999 5 апр 2011 в 07:06

Мсье знатный извращенец. У нас для таких целей при выгрузке на продакшн используется банальный прогон через JSLint.

@TheShock 5 апр 2011 в 07:11

Ну это не совсем для продакшна) Момент между development и production, когда код ещё не чистился, но его уже тестируют тестировщики без консоли.
«Извращенец» — не только я.

@azproduction 5 апр 2011 в 07:30

> Момент между development и production, когда код ещё не чистился
Это все ещё development, среда testing === production

Обычный цикл разработки:
development (сырой код, консольлоги, дебаггеры) -> testing
testing (идеальный код, без отладочной инфы, сжатый) if !ok -> development else -> production
production (идеальный код, без отладочной инфы, сжатый)

@Bonch 3 фев 2012 в 20:36

Момент между development и production обычно обзывают staging. Это тот же самый продакшн, но только для узкого круга лиц. Среда test — это среда для запуска тестов.

По крайней мере, вышеозвученное справедливо для rails.

@hacenator 5 апр 2011 в 07:22

Так, путаница.
Firebug lite в сжатом виде — 130 килобайт?
Тогда «Он нужен исключительно для production» или «только при разработке и в production коде — отключается.»?!

Так если проще использовать что-то типа:

function debugMe(msg) {

 if (console != undefined && typeof(console.log) == "function")

 console.log(msg);

 else

 alert(msg); // по необходимости

}

debugMe('Awesome bug');

а потом например сделать:
egrep -v 'debugMe.*;$' ./script.js > ./script.production.js

@TheShock 5 апр 2011 в 07:27

Ну вот! То, что вы показали и описано в топике. Только можно запросто использовать все методы консоли и не удивляться, почему не работает в ie)

@hacenator 5 апр 2011 в 07:29

Хорошо, так и быть.

@denver 5 апр 2011 в 07:33

IE8 ругается "'time' is null or not an object" на строчку:

if (!original.time) {

Заработало когда поменял на:

if (original !== undefined && !original.time) {

@TheShock 5 апр 2011 в 07:36

Спасиьбо.

@Stalker_RED 5 апр 2011 в 07:48

а не хотите выложить это на гитхаб, например?

@TheShock 5 апр 2011 в 08:07

Действительно, чего это я? Выложил

@Serator 5 апр 2011 в 08:22

В Firefox тоже есть встроенная консоль начиная с 4-ой версии.

@hf35 5 апр 2011 в 08:24

for (var i = methods.length; i--;)

i>0?

@TheShock 5 апр 2011 в 08:26

Не обязательно. Это обратный цикл и такая запись — вполне корректная.

@hf35 5 апр 2011 в 08:34

>>original[methodName].apply(original, arguments);

8 и 9 ишаки не хотят применять эппли к методам оригинальной консоли.

@TheShock 5 апр 2011 в 08:42

Господи, какие же они тупые!

@TheShock 19 апр 2011 в 00:02

Fixed, смотрите топик и репозиторий

@kmike 5 апр 2011 в 09:09

Было бы еще неплохо из коробки уметь включать консоль в продакшне ключиком в url'е, как в dbug сделано.

@Mithgol 6 апр 2011 в 13:25

Консоль встроена в Хром, Оперу, IE и устанавливается с Firebug в Фоксе.

Прибавлю к этому, что Firefox 4 содержит встроенную консоль (не такую навороченную, правда, как в Firebug), которую можно вызвать сочетанием клавиш Ctrl+Shift+K или в меню Tools подпунктом Web Console.

@ich 16 апр 2011 в 10:30

FF

Переопределение напрямую:

console = {} // throws TypeError: setting a property that has only a getter

Переопределение как св-во window:

window.console = {} // Делает вид, что создает в глобале объект console, но на самом деле не трогает никаким разом тот console, что есть firebug



console.log(console) // Object { firebug="1.6.2", userObjects=}

Поэтому я бы рекомендовал не переопределять объект console, а писать свой объект делегат, вызывающий методы оригинальной консоли для каждого браузера только в режиме development.