Как просматривать огромный файл JSON, не вызывая сбоя браузера

Если вставить дамп API объемом 50 МБ или полный экспорт базы данных в любой браузерный инструмент для работы с JSON — в том числе и в этот — вкладка начнёт работать медленно или вовсе зависнет. Это не ошибка конкретного инструмента, а особенность того, как браузеры отображают текст и DOM. Вот что на самом деле происходит и как это обойти.

Почему большие JSON-файлы приводят к зависанию браузера, а не просто «медленно загружаются»

Здесь складываются два отдельных фактора:

Затраты на синтаксический анализ. JSON.parse на обработку корректной строки объёмом 50 МБ уходит примерно от половины секунды до пары секунд на обычном ноутбуке — это заметно, но не является настоящей проблемой.
Затраты на отображение. Именно это и приводит к зависанию вкладки. Если инструмент отображает отформатированный результат в виде гигантского блока текста (или, что ещё хуже, в виде сворачиваемого дерева с одним узлом DOM на каждый ключ), браузеру приходится выстраивать и прорисовывать потенциально миллионы узлов DOM. Именно это делает вкладку неотзывчивой, а не синтаксический анализ.

Таким образом, ограничение по размеру, с которым вы сталкиваетесь, почти никогда не связано со спецификацией JSON или парсером — оно возникает из-за того, что браузеру приходится сразу прорисовывать огромный объём текста или вложенного пользовательского интерфейса.

Фактический рабочий процесс для действительно больших файлов

Не открывайте файл целиком нигде в браузере. Вместо этого:

Сначала извлеките только ту часть, которая вам нужна. Если вы отлаживаете одну поврежденную запись в дампе объемом 200 МБ, вам не нужно, чтобы перед вами были остальные 199 МБ. Утилиты командной строки справляются с этим, даже не загружая полный файл в память, как это делает вкладка браузера:

# pull out one top-level key from a huge file, streaming
jq '.results[42]' huge-file.json > fragment.json

# or just grep for context around a known string first
grep -n '"user_id": 88214' huge-file.json

Отформатируйте в браузере только этот фрагмент. Несколько кБ извлечённого JSON форматируются мгновенно и становятся действительно читаемыми — это та самая привычка «форматировать только тот фрагмент, который вас интересует», которую стоит выработать для любого большого лога или дампа, а не только для этой конкретной ошибки.
Если вам нужно изучить структуру, а не значения, сначала запустите jq 'keys' или jq '. | length' локально, чтобы понять форму данных, прежде чем решать, что извлекать. Вам не нужно просматривать 50 000 элементов массива, чтобы понять, что в массиве 50 000 элементов.

Когда браузерный инструмент действительно подходит

В подавляющем большинстве реальных случаев отладки — отклик API, файл конфигурации, полезные данные веб-хука — вы имеете дело с объёмами от килобайт до нескольких мегабайт, а не сотнями. В этом диапазоне размеров вставка данных прямо в форматировщик и получение мгновенного, удобочитаемого результата с точным указанием мест ошибок происходит быстрее, чем запуск командной строки. Размер, при котором этот подход перестаёт работать, намного выше, чем предполагает большинство людей; именно «десятки мегабайт и более» вызывают реальные проблемы, а не «больше одной страницы».

Краткое руководство

Размер файла	Что делать
Менее ~5 МБ	Вставить напрямую в форматировщик браузера — мгновенно, отлично
~5–30 МБ	Ещё работоспособно, но ожидайте небольшую паузу; форматируйте только то, что нужно прочитать
30 МБ и более	Сначала извлеките нужный фрагмент с помощью `jq` / `grep`, форматируйте только его

Инструменту не нужен «режим больших файлов», чтобы решить эту проблему — решение заключается в извлечении фрагмента перед просмотром, что является изменением рабочего процесса, а не ограничением инструмента.