Как просмотреть расширенные объекты/массивы в консоли Chrome?
Когда у меня есть массив объектов, когда я ввожу имя переменной в консоли Chrome, я получаю следующее:
![enter image description here]()
Вопрос:
Есть ли какой-либо параметр или флаг, который при включении отобразит объекты и массивы, которые будут расширены при запросе в консоли Chrome?
Я использую консоль много и выполняю встроенные операции в консоли, и каждый раз, когда я изменяю массив, я должен щелкнуть все записи, чтобы увидеть значения.
Я не хочу писать цикл, который console.dir
выводит все массивы.
Ответы
Ответ 1
Чтобы просмотреть все содержимое массива (или любого другого объекта, если на то пошло) без написания цикла, вы можете использовать JSON.stringify
. Это приведет к вывозу всего объекта в формате JSON, при необходимости отступом.
Например:
console.info(JSON.stringify([{a:1,b:2}, {c:3,d:4}], null, ' '))
выведет:
[
{
"a": 1,
"b": 2
},
{
"c": 3,
"d": 4
}
]
Ответ 2
console.table()
отлично справляется с аккуратно отображает массивы в формате таблицы.
Ответ 3
Я не знаю, знаете ли вы это, но...
Нажмите в треугольниках, и вы увидите полный объект, который, я думаю, очень практичен.
изменить
Хорошо, извините, я не прочитал эту часть '=. =, но вы можете проверить консольный API firebug, поддерживающий консоль Chrome
Chrome Dev Tools: Консоль