Только локальные вычисления в браузере,20+ функций

Рабочая среда нового поколения для JSON онлайн

Один набор для обработки данных в разработке. Чувствительные данные не нужно отправлять на сервер — всё выполняется локально на вашем устройстве.

Почему разработчики предпочитают нативные фронтенд-инструменты для данных?

При отладке API, разборе логов и правке конфигов JSON встречается постоянно. Обычные онлайн-сервисы часто отправляют текст на бэкенд: риск утечки и задержка сети. Здесь всё считается в браузере — полностью локальная рабочая среда.

1

Без запросов к серверу — максимальная безопасность

И вставка продакшен-JSON, и разбор JWT с авторизацией выполняются только в памяти текущего браузера. Обновите или закройте страницу — данные сразу уничтожаются.

2

Полная совместимость со стандартом JSON5

Скопированный код с // комментариями или завершающими запятыми не нужно чистить вручную. Движок JSON5 допускает одинарные и двойные кавычки и одним действием приводит текст к стандартному JSON по RFC.

3

Сложные структуры легко сравнивать и генерировать

Подсвечивайте Diff двух конфигов как в Git. Генератор кода выводит строго типизированные сущности на Java, C#, Go, TypeScript по вложенной модели.

23
Локальные инструменты
20+
Языки генерации кода
0
Загрузка данных
#data
Передача через адресную строку

Как выбрать инструмент под задачу

Не обязательно открывать все функции. Четыре сценария ниже покрывают самые частые задачи отладки.

Посмотреть структуру и править поля

Сначала форматирование для оформления и проверки; при глубокой вложенности перейдите к дереву сворачиванию и развороту; метки времени, цвета и ссылки — через распознавание полей для предпросмотра.

Достать данные из большого JSON

Используйте JSONPath чтобы писать $Используйте.. и выражения фильтрации: только чтение, исходник не меняется. Удобно извлечь один уровень списка из ответа API.

Два конфига не совпадают

Diff смотрите смысловые отличия; чтобы собрать одну версию, используйте объединение для глубокого наложения или слияния массивов. Перед сравнением можно отсортировать по ключам смотрите смысловые отличия; чтобы собрать одну версию, используйте

Сменить формат для API или модели

Таблицы — через CSV / Excel , конфиги — через YAML / XML , документы — через Schema / GraphQL , сущности — через генерацию кода Таблицы — через

Три шага, чтобы начать

Главная только помогает выбрать инструмент; правки идут в отдельной рабочей области, чтобы каталог и поле ввода не делили один экран.

01

Откройте инструмент в каталоге

Фильтруйте JWT, Diff, YAML и другие слова в поиске или сразу откройте карточку нужной рабочей области.

02

Вставьте, передайте через URL или загрузите удалённо

Текст вставляется прямо в редактор. Можно передать через #data={...} или #url= загрузить публичный JSON по текущей сети.

03

Скопируйте результат — при закрытии всё очищается

Форматирование, конвертация и декодирование идут в памяти текущей вкладки. После обновления или закрытия страницы содержимое на сервере не остаётся.

Дополнительно: передать данные через адресную строку

Хеш пишется после # , не после вопросительного знака. Например json-format.html#data={"name":"Ada"} . После чтения он удаляется из адресной строки, чтобы тело запроса не осталось в истории. Полноэкранный режим: ?fullscreenХеш пишется после

Чем JSON5 мягче обычного JSON

Текст из репозитория или конфига часто содержит комментарии и завершающие запятые. Стандартный JSON.parse сразу выдаст ошибку, инструмент JSON5 сначала разберёт текст с допущениями, затем выдаст RFC-совместимый результат.

Комментарии

Стандартный JSON нельзя

JSON5 Однострочные // и многострочные /* */

Имена ключей

Стандартный JSON только в двойных кавычках

JSON5 без кавычек, с Unicode

Строки

Стандартный JSON только двойные кавычки

JSON5 Одинарные кавычки, перенос строк

Завершающая запятая

Стандартный JSON нельзя

JSON5 Разрешена в объектах и массивах

Числа

Стандартный JSON десятичные

JSON5 шестнадцатеричные, .5 / 5.шестнадцатеричные,

Как JWT разбирается в браузере

Декодирование JWT По RFC 7519 токен делится на Header / Payload / подпись. Token на сервер не отправляется. Текущая версия декодирует локально и сверяет поля заявлений, не проверяя подпись закрытым ключом в браузере.

Частые заявления Payload

iss Издатель
sub Тема / идентификатор пользователя
aud Получатель
exp Срок действия
nbf Время начала действия
iat Время выдачи
jti Идентификатор, защита от повторного использования

Локальное декодирование

Когда достаточно локального декодирования

  • Отладка сессии, проверка exp / sub
  • Просмотр своих claim, Token не покидает браузер
  • Проверку подписи в продакшене оставляйте на бэкенде, ключи не должны попадать на страницу

Если целочисленный ID очень большой, учитывайте точность чисел JavaScript: сверяйте исходную строку Payload, а не только преобразованный Number.

Открыть рабочую область декодирования JWT

Один пример JSON — сущности на нескольких языках

генерацию кода по вложенным объектам и массивам выводит типы и экспортирует интерфейсы, структуры или data class. Удобно, когда сначала есть ответ API, а модели фронтенда и бэкенда добавляются позже.

TypeScriptJavaScriptJavaC# GoRustPythonKotlin SwiftDartPHPRuby ScalaC++Objective-CFlow HaskellElmCrystalPike

Заметки для разработчиков

Короткие тексты о том, как встроить инструменты в реальный процесс. Для полного описания откройте блог.

Шаблон статьи

Скопируйте структуру страницы статьи блога: заголовок, лид, содержание, таблица, FAQ и связанные материалы.

Руководство и частые вопросы (FAQ)

Как быстро импортировать данные для форматирования?

Сначала откройте нужный инструмент на главной, затем вставьте текст в рабочей области. Можно добавить хеш-параметр к адресу, например json-format.html#data={"key":"value"} После чтения параметр сразу удаляется из адресной строки, текст автоматически форматируется. Для удалённых файлов используйте #url=...Сначала откройте нужный инструмент на главной, затем вставьте текст в рабочей области. Можно добавить хеш-параметр к адресу, например

Как работают конвертация YAML и проверка JSON Schema?

Конвертация YAML синхронизируется в обе стороны в браузере; инструмент Schema по спецификации указывает отсутствующие обязательные поля и ошибки типов. JWT сейчас только декодирует Header / Payload и не отправляет Token на сервер.

Загружаются ли данные?

Нет. Разбор, конвертация и декодирование JWT выполняются в текущей вкладке. После закрытия или обновления страницы содержимое исчезает из памяти.

Зачем разделять главную и рабочую область?

Каталог нужен для обзора и поиска функций, рабочая область — для правок. Они не делят один экран: при прокрутке поле ввода не уезжает, длинный список не теснится с редактором.

Какие форматы можно конвертировать?

Сейчас это YAML, XML, CSV, Excel, параметры GET, JSON Schema и GraphQL. Строку Cookie тоже можно превратить в объект JSON. Конвертация тоже выполняется локально.

Зависнет ли браузер на большом файле?

Обработка идёт в браузере на вашем компьютере: скорость зависит от устройства и размера JSON. Если это несколько МБ, сначала решите, нужна ли вставка целиком; дерево и JSONPath удобнее, когда смотрите только фрагмент.