JavaScript

индекс
246,38

prettyPrint

imageТе из вас кто следит за автором на Github могли заметить, что недавно он добавил новый проект под названием «prettyPrint».
«prettyPrint» — браузерный дампер переменных для Javascript аналогичный cfdump для ColdFusion. Он позволяет выводить на экран объекты любого типа в виде таблиц для просмотра во время отладки.
Посмотреть пример.

Основные моменты:


  • Полностью независим, не требует ни дополнительных CSS ни изображений.
  • Поддерживает обьекты с неограниченной вложенностью.
  • Поддерживаются все типы данных Javascript, а так же DOM элементы.
  • Защищен от рекурсивных ссылок на обьекты.
  • Позволяет задавать глубину отображения для объекта.
  • Заголовки таблиц с градиентом.
  • Позволяет кастомизацию через CSS.
  • Проверен через JSLint!

Пример использования:


var table = prettyPrint( anyRandomThing, { /*optional options object */ } );

// Making the table viewable is down to you...
// e.g.
document.body.appendChild(table);


* This source code was highlighted with Source Code Highlighter.
+32
26 июня 2009, 21:00
73

комментарии (16)

+1
Groove #
Спасибо, очень похоже на дампер для PHP — dbug.ospinto.com/examples.php
правда более симпатично
+4
Iskin #
Эм, а как же Firebug и console? ;)
–1
mecommayou #
Наверное уже нервно курят в углу…
–1
PsychodelEKS #
Нагляднее выводит, например в случае массива объектов.
+1
mecommayou #
«Красота — в глазах смотрящего.»
0
PsychodelEKS #
Попробуйте посмотреть
в firebug просто:
var tmparr = [{1:1,2:3,3:3},{4:4,5:5,6:6},{7:7,8:8,9:9}];

и в prettyPrint (прямо в консоли на странице примера):
var tmparr = prettyPrint([{1:1,2:3,3:3},{4:4,5:5,6:6},{7:7,8:8,9:9}]);
document.body.appendChild(tmparr);
0
freebit77 #
Да слегка поднадоело уже в Firebug нырять. А на нетбуке это вообще не удобно.
+1
z0rg #
Молодца. 5 баллов. Хотел сделать подобное, но чисто листинг объектов, их свойств и методов.
Получилось вот что, но не хватает опыта в js. Было бы здорово если бы кто нить продолжил начатое.

prinf.nnov.ru/test.php
0
z0rg #
кстати на основе этого дампера попробую дописать свой как время будет
+1
Koc #
хм.
Здается мне, если на странице будет какая-то фатальная ошибка с JS то это чудо не заработает.

А firebug заработает.
0
z0rg #
так это не для ошибок… а дампер объектов / переменных :)
0
Koc #
иногда нужно дампнуть одну-две переменных, что бы найти где именно бок. Если у нас ошибка в JS, то не факт что это средство сделает дамп переменной. А firebug сделает.
+1
xxllexx #
а может стоить такую вот штуку написать для firebug?
+1
xmagnusx #
Меня одного сбивает с толку такое количество разноцветных вложенных элементов?
0
klinifini #
Не одного. Мне кажется здесь красота в ущерб удобству. Например, совершенно необязательно выводить флаги регулярный выражений в столбик с true/false. Лучше было бы просто вывести в строчку флаги. То же самое про Date.
+1
savamura #
Меня улыбнуло, что среди основных моментов есть заголовки таблиц с градиентом.
Это неоспоримое достоинство :)

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