Есть ли более простой способ просмотра объекта json из Firefox или консоли разработчика Chrome?

Question

Какой самый простой способ прочитать json из Firefox или консоли разработчика Chrome? Нужно ли устанавливать плагин? Или, надеюсь, есть функция javascript, которая позволяет вам просматривать json так, чтобы его было легче читать ...

Например. Если я пытаюсь использовать console.log (data), где data - это объект json, консоль разработчика отображает его в виде огромного фрагмента строки вместо отображения структуры, поэтому очень сложно просеять и отфильтровать то, что я хочу.

EDIT: Я прошу прощения за путаницу, которую я вызвал. Я только что проверил Chrome, и кажется, что Chrome отображает JSON в структурированном виде. Однако в Firefox все перемешано. Я прикрепил скриншот. Я предполагаю, что вопрос «Есть ли способ отобразить это более структурированным способом, как в Chrome?», И, как я узнал из нижеприведенного, я думаю, console.dir () позаботится об этом. Тогда мой последний вопрос будет таким: это предполагаемое поведение?

Answer 1

Нет объектов JSON.

Есть

• Объект Javascript

• Данные JSON в виде строки Javascript

Если вы хотите отобразить JSON в виде строки в удобном для просмотра виде, выполните

  var obj = JSON.parse(jsonstring);
  console.log(obj)

Answer 2

Инструменты разработчика Firebug и Webkits отображают любой объект, структурированный и хорошо читаемый. Кажется, вы пытаетесь вывести JSON-строку вместо объекта. Если это так, просто разберите его на объект до

console.log( JSON.parse( data ) );

и, между прочим, в объекте console есть множество аккуратных методов, например console.dir(), который напрямую перечисляет свойства / ключи объекта.

Answer 3

Какую версию Chrome вы используете? Когда я console.log объект, он отображается как объект, где вы можете раскрыть свойства, а не строку. (Chrome 16.0.912.77). Вы анализируете JSON перед тем, как регистрировать его или просто регистрируете строку JSON?