@HeadWithoutBrains16 окт 2008 в 07:55

Удобный дебаг с BlackBird

1 мин

877

JavaScript *

+27

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

@chEbba 16 окт 2008 в 08:20

ФаерБаг наше все =)
getfirebug.com

@rrromka 16 окт 2008 в 08:28

Не согласен. Файербаг, несомненно, незаменимый и значительно более мощный инструмент, но работает он только в ФФ и, к сожалению, часто скрипты работающие в ФФ не работают в ИЕ. И тут на помощь приходит Блэкбёрд, который можно использовать и в ИЕ, и в Опере, и в Вебкитовских браузерах.

@chEbba 16 окт 2008 в 08:51

А как же
getfirebug.com/lite.html

@rrromka 16 окт 2008 в 08:58

А у лайт-версии ФБ есть аналог console.time(name)/console.timeEnd(name) из большого ФБ? Я не нашел. А в Блэкбёрде есть.

@komjah 16 окт 2008 в 08:54

так на то есть getfirebug.com/lite.html

@iliich 16 окт 2008 в 10:10

Если правильно понимаю данная библиотека отвечает только за вывод, но не как не за отлов ошибок. Поправьте меня если ошибаюсь.

@Meriados 16 окт 2008 в 11:01

зачем использовать FireBug если есть BlackBird?;)

@TiGR 16 окт 2008 в 15:05

В blackbird есть инспектор?

@Meriados 17 окт 2008 в 05:23

а вы не обратили внимание на смайлик вконце?)

@serf 16 окт 2008 в 08:52

Так вроде ж есть FireBug Lite (на JS) под все браузеры

@DeMx 16 окт 2008 в 19:40

Только под IE он жутко тормозит, если DOM-дерево солидное.

@serf 17 окт 2008 в 08:13

Под IE есть IE Developer Toolbar 1.00.2188.0

@DeMx 17 окт 2008 в 11:51

Есть. Пользуемся. +)

@komjah 16 окт 2008 в 08:57

а можно эту библиотеку использовать как лог действий пользователя)

@Spyua 16 окт 2008 в 09:00

Отлично, то что искал как раз

@TedBeer 16 окт 2008 в 09:25

надо еще добавить что вызывается окошко по F2
А то пришлось в код заглядывать чтобы найти как же увидеть этот лог

@rrromka 16 окт 2008 в 10:13

Так об этом в доке написано. Кроме того это окошко можно вызвать программно методом log.toggle().

@TedBeer 16 окт 2008 в 11:34

в архиве только readme.txt и никаких других доков, в readme про это ни слово, только как подключить, но ни слова про то как вызвать

@TedBeer 16 окт 2008 в 09:48

Еще вот сразу не понравилось что он только один параметр принимает. Чтобы функции поддерживали произвольное число параметров замените соотвествующий кусок в файле blackbird.js на следующий:

		join:
			function( arg) {
				if(!arg) return ''; 
				var arr=[];
				for(var i=0; i < arg.length; i++)
					arr[i] = arg[i];
				return arr.join(' ');
			},
		move:
			function() { reposition(); },
		debug: 
			function() { addMessage( 'debug', this.join(arguments)); },
		warn:
			function() { addMessage( 'warn', this.join(arguments) ); },
		info:
			function() { addMessage( 'info', this.join(arguments) ); },
		error:
			function() { addMessage( 'error', this.join(arguments) ); },

@mx2000 16 окт 2008 в 21:22

Что-то у Вас масло перемасленное получилось — зачем явная функция join, когда можно так:

debug: function () { addMessage('debug', arguments.join(' '))

ну и так далее…

@TedBeer 16 окт 2008 в 21:28

ну если вы такой грамотный, то попробуйте.
хинт: arguments — это не Array, хоть он и поддерживает видимость массива.

@mx2000 16 окт 2008 в 22:17

Капец. :( Вот до чего Mootools доводит. А вообще, Object.prototype.join = function () {… }, но это, конечно же, не кошерно ;-)

@mx2000 16 окт 2008 в 22:22

Зато вот так кошерно:

debug: function () { addMessage('debug', Array.prototype.slice.call(arguments).join(' ')) }

@TedBeer 17 окт 2008 в 05:20

ну вот, другое дело! можем когда хотим :-)
поменяю у себя на такой вариант, вернее заменю контент join метода — вместо копирования в новый массив

@mx2000 16 окт 2008 в 22:28

Ну и на закуску:

alert((function () { return Array.prototype.join.call(arguments, ":") })(1,2,3));

@Castro 16 окт 2008 в 10:03

Всё равно console.log от Firebug firebug.ru/logging.html это наше всё

@no_smoking 16 окт 2008 в 10:03

Минус ему за то что он объекты разворачивать не умеет. Надеюсь в будущем научится :)

@maxic 16 окт 2008 в 10:23

Когда быстро что-то делаешь, времени подключать и переписывать библиотеки не всегда есть, поэтому лучше alert() только alert().
А если дебагить по серьезному — DragonFly или FireBug.

Но на заметку BB взять можно :)

@ivvi 16 окт 2008 в 10:56

Много грамматических ошибок, опечаток… Печально.

@sunnybear 16 окт 2008 в 11:21

вся проблема с этими дебажными библиотеками — они не работают там, где реально возникают проблемы :) В частности, IE5.5-

@kashey 16 окт 2008 в 11:23

ИЕ можно под Visual Studio отлаживать :)

@Spyua 16 окт 2008 в 11:49

Только вот не все наберуться храбрости поставить такую IDE чтоб js отлаживать

@man_without_face 16 окт 2008 в 11:52

Aptana?

@Spyua 16 окт 2008 в 11:57

не юзал, не знаю

@dioteos 20 окт 2008 в 19:16

Неплохая штука SPKET IDE. Подключается к eclipse, а значит и к аптане, зенду

@pietrovich 20 июн 2009 в 20:52

прошу прощения за «некропостинг», но как Spket или Aptana помогут дебажить JS в IE5.x ?!
да и вообще, дебажить JS? :")

@man_without_face 16 окт 2008 в 11:48

Закачайте к себе на хостинг файлы библиотеки, и расположите их на хостинге.
Потом, включите в страницу файлы blackbird.js и blackbird.css.

alert по-любому проще. и работает во всех браузерах. зачем опять изобретать велосипед?

@tigar 16 окт 2008 в 12:33

Бывают ситуации, когда alert не катит. Например в случаях, когда необходимо, чтобы скрипт выполнялся дальше, а alert прерывает его.

@man_without_face 16 окт 2008 в 12:36

Нажмите «OK» на появляющемся окошке и скрипт продолжиться.

@tigar 16 окт 2008 в 12:45

Это понятно, что продолжится, но что, если нужно, чтобы он работал непрерывно. Такая ситуация может быть связана с отсечками времени, т. е. пока вы прочтёте и нажмёте «ОК», пройдёт какой-то определённый промежуток времени, чего не должно быть.

@man_without_face 16 окт 2008 в 12:47

Убедили. Просто с такими ситуациями не сталкивался.

@TedBeer 16 окт 2008 в 21:34

в таких случаях я использую другие трюки:
выводит в строку статуса, но в каких-то браузерах надо явно разрешить вывод в статус в настройках:

window.status += ".bla-bla"

или

document.title += ".bla-bla"

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

window.status = ".bla-bla" + window.status
document.title = ".bla-bla" + document.title

Иногда пользуюсь обеими вместе чтобы разделить вывод из разных мест.

@neformal 16 окт 2008 в 14:25

Алерт проще, но и хуже намного, я б даже сказал, что алерт ето зло!

Аргументы.

1. Попробуйте включить алерт в вечный цыкл :-) и посмотрите что получиться… (браузер тупо зивиснет)
2. Только в некоторых броузерах (Опере, и ФФ3) можно скопировать текст алерта в бувер обмена.
3. Когда нужно алертнуть большой текст, то алерт оброезает фрагмент текста (переполнение буфера), или его просто нелзя проскролить вниз
4. Алерт приостановливает выполнение скрипта (иногда ето нужно, но не всегда)