Форматтер JSON — бесплатно
Форматируйте, проверяйте, минимизируйте и исследуйте данные JSON. Древовидное представление, подсветка синтаксиса и копирование одним щелчком мыши.
Частые применения
- Форматирование ответов APIВставьте необработанные ответы JSON API и мгновенно отформатируйте их в читаемый отступленный вывод.
- Форматирование файлов JSON ConfigОчистите и проверьте файлы конфигурации JSON — package.json, tsconfig.json, параметры и многое другое.
- Форматирование JSON для отладкиМгновенно разберитесь с минифицированными или экранированными журналами JSON, полезными данными об ошибках и выводом базы данных.
- Форматирование файлов перевода JSONПроверьте и улучшите файлы перевода JSON i18n (en.json, de.json), используемые в приложениях React, Vue и Next.js.
- Проверка и форматирование полезных данных WebhookВставьте необработанные полезные данные вебхука из Stripe, GitHub или Shopify и прочитайте их в четко отформатированном виде.
Как это работает
Форматтер полностью работает в вашем браузере с использованием встроенных JSON.parse и JSON.stringify JavaScript — без библиотеки, без сервера. Парсинг, форматирование, минификация и интерактивный вид дерева — всё это происходит локально по мере ввода.
- 1Живой парсинг при вводеJSON.parse запускается через 200 мс после вашего последнего нажатия клавиши. Если парсинг не удаётся, написанная вручную функция определения местоположения ошибки считывает сообщение SyntaxError из V8 или Firefox, извлекает номер строки и столбца и предлагает ссылку перехода к ошибке в текстовом поле.
- 2Обнаружение небезопасных целых чиселПеред отображением вывода инструмент сканирует необработанный исходный код на наличие целочисленных литералов из 16 или более цифр (игнорируя те, что внутри строк в кавычках), затем проверяет каждый с помощью Number.isSafeInteger. Если какой-либо будет тихо округлён хранением двойной точности IEEE-754, перед копированием или скачиванием появляется предупреждение.
- 3Форматирование, минификация и сортировка ключейJSON.stringify(value, null, indent) производит отформатированный или минифицированный вывод. Когда включена сортировка ключей, рекурсивная функция проходит по каждому объекту в разобранном дереве и перестраивает его с помощью Object.keys(...).sort() перед сериализацией — массивы остаются в исходном порядке.
- 4Интерактивный вид дереваВид дерева — это написанное вручную рекурсивное выравнивание, которое преобразует разобранный объект в плоский список узлов с глубиной, путём и состоянием развёрнуто/свёрнуто. Рендеринг ограничен 5000 видимыми узлами, чтобы предотвратить замораживание вкладки на многомегабайтных документах с большими развёрнутыми массивами.
Всё работает локально в вашем браузере — ваш JSON никогда не отправляется ни на какой сервер.
Похожие инструменты
Минификатор и форматировщик CSS
Минифицируйте CSS для уменьшения размера файла или форматируйте минифицированный CSS для читаемости. Мгновенно, в браузере.
Форматировщик CSS
Форматируйте минифицированный CSS с единообразными отступами или минифицируйте его. Дополнительная сортировка свойств по алфавиту для предсказуемых различий.
Форматировщик и минификатор HTML
Форматируйте или минифицируйте HTML с правильными отступами вложенности. Сохраняет содержимое внутри блоков <pre>, <script>, <style>.