Нужно отформатировать мой вывод JSON немного лучше

Question

Я пытаюсь сделать хорошее представление console.log на самой странице.У меня есть следующее:

window.PRINT = function() {
   if(this.console) { 
      console.log( Array.prototype.slice.call(arguments) );
   }

   var X = $('#PRINT');
   if (!X) {
      $('body').append('<p id="PRINT"></p>');
      X = $('#PRINT');
   }
   $.each(arguments, function(Index,  Value) {
      X.append('<p>' + JSON.stringify(Value) + '</p>');
   });
};

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

$('input').change(function(myEvent) { 
   PRINT(myEvent,this); 
});

Это не очень хорошо распечатывает объекты и их содержимое.Интересно, есть ли где-нибудь форматер json?Я не говорю о плагине Firefox, я имею в виду: тот, который принимает входящий json и выводит хорошее HTML-представление о нем, возможно.

Answer 1

, если вы просто хотите визуализировать JSON, используйте что-то вроде

visualizer.json2html.com

Answer 2

Попробуйте один из них:

• JSON2HTML Bloopletech
  • Демонстрационная страница
• JSON Зака ​​Хантера в HTML
  • Демонстрационный проект (скачать)