О ViewJSON
Кратко
- Многие Base64-строки в JSON в стиле API отображаются в дереве как встроенные изображения, аудио, видео и PDF.
- Просмотр и правка в браузере. Для ссылок-шеров — AES-GCM на клиенте, на сервере только зашифрованный текст, ключ в хеше URL.
- Редактор на CodeMirror 6, рассчитан на крупные полезные нагрузки; очень большие файлы (порядка 100 МБ) могут вызвать предупреждение.
- Подходит для отладки ответов AI/API, подготовки мультимодальных запросов и шифрованного шаринга с командой по коротким ссылкам.
Последнее обновление:
ViewJSON — бесплатное онлайн-средство просмотра и форматирования JSON, созданное для разработчиков, работающих с API, которые возвращают медиа в формате Base64. В отличие от обычных инструментов, которые показывают все строки как текст, ViewJSON автоматически распознаёт Base64-контент и отображает его как изображения, аудиоплееры, видеоплееры или предпросмотр PDF — прямо внутри структуры JSON. Весь рендеринг происходит локально в вашем браузере. При обмене данные шифруются на стороне клиента с помощью AES-GCM — сервер хранит только зашифрованный текст и никогда не получает ключ расшифровки.
Зачем мы это создали
Мультимодальные AI-API — OCR, синтез речи, модели компьютерного зрения, генерация изображений — передают данные почти исключительно в Base64. При разработке и тестировании это порождает ряд повторяющихся проблем:
Утомительный предпросмотр результатов
API синтеза речи и генерации изображений возвращают аудио и изображения в Base64. Чтобы их увидеть, нужно извлечь строку из JSON-ответа, вставить в онлайн-декодер и повторить для каждого поля. Для разработчиков, отлаживающих ответы нейросетевых API, ViewJSON полностью устраняет ручное извлечение, мгновенно отображая все Base64-медиа прямо в структуре JSON.
Ошибки при формировании запросов
Для вызова OCR или модели зрения нужно сначала сконвертировать изображение в Base64 на стороннем сайте, затем вставить строку в тело запроса. Процесс хрупкий — ошибка в кавычках или escape-последовательности приводит к тому, что вместо отладки логики приходится чинить синтаксис JSON. При подготовке входящих данных для Vision API, ViewJSON автоматически конвертирует вставленные прямо в редактор изображения в Base64, сохраняя при этом валидность JSON-синтаксиса.
Неудобный просмотр истории
Postman и Fiddler сохраняют историю запросов, но Base64-поля отображаются как длинные закодированные строки без указания содержимого. Чтобы проверить, что было отправлено или получено, приходится извлекать и декодировать каждую строку отдельно. Во избежание этих трудностей ViewJSON визуализирует строки Base64 в виде предпросмотра, что позволяет вам с лёгкостью сверять ранее полученные и отправленные медиафайлы.
Поэтому мы создали ViewJSON: вставьте JSON — и сразу увидите каждое изображение, услышите каждый аудиоклип, воспроизведёте каждое видео — не покидая страницу.
Сценарии использования
Отладка ответов AI API
Вставьте ответ API с Base64-медиа в ViewJSON. Аудио, изображения и видео автоматически распознаются и отображаются прямо в структуре JSON — без ручного извлечения и внешних декодеров.
Подготовка мультимодальных API-запросов
Вставьте изображение прямо в редактор. ViewJSON покажет предпросмотр и сохранит строку Base64 в JSON. При копировании вы получите готовый Base64-payload — без отдельной конвертации.
Обмен JSON с командой
ViewJSON шифрует ваш JSON и переменные локально с помощью AES-GCM и отправляет на сервер только зашифрованный текст для генерации короткой ссылки. Ключ расшифровки остаётся в хеше URL — он никогда не отправляется на сервер. Получатель открывает ссылку, и всё мгновенно расшифровывается в его браузере.
Сравнение с привычными инструментами
| Типичный онлайн JSON-просмотрщик | API-клиент (история / предпросмотр) | ViewJSON | |
|---|---|---|---|
| Base64-медиа внутри JSON | Распространённые онлайн-просмотрщики показывают Base64 как обычный текст — без встроенного предпросмотра изображения/аудио/видео/PDF внутри дерева JSON. | В сохранённой истории Base64 — длинные непрозрачные строки; фактические медиа в контексте предпросмотреть по-прежнему нельзя. | Использует сигнатуры содержимого (magic bytes) для определения форматов и рендерит изображения, аудио, видео и PDF inline в дереве. |
| Зашифрованный обмен в команде | Нет распространённого аналога клиентским коротким ссылкам AES-GCM, где на сервере только шифртекст, а ключ только во фрагменте # URL. | Сырой JSON обычно копируют вручную — того же однокликового сценария «только шифртекст» в короткой ссылке нет. | Ссылки: AES-GCM в браузере, на сервер только шифртекст, ключ в #хеше — не отправляется на наши серверы. |
| Вставить картинку → Base64 в JSON | Редко даёт одношаговый сценарий: вставить картинку в редактор JSON → валидный Base64 в документе. | Ориентирован на HTTP-запросы, а не на полноценное JSON-рабочее пространство с вставкой в Base64 для тел документов. | Вставьте изображение в редактор — Base64 добавляется с сохранением валидного JSON. |
| Форматирование, проверка, починка | Форматирование и проверка встречаются часто; встроенный предпросмотр Base64 как медиа в том же виде по сути не встречается. | Тела запросов/ответов в первую очередь текст; богатый inline-предпросмотр мультимодальных полезных нагрузок — вне фокуса. | Форматирование, валидация, починка и inline-медиа в одном рабочем пространстве. |
Технологии и конфиденциальность
Создан на Astro + React
Islands-архитектура для минимальной загрузки JavaScript. Клиентский код загружается только для интерактивных компонентов. Вся история запросов сохраняется в IndexedDB, а не в localStorage, что обеспечивает сохранение данных между сеансами работы и надёжную обработку очень крупных API-пакетов.
Редактор CodeMirror 6
Профессиональный редактор кода с подсветкой синтаксиса, сворачиванием, поиском и подсветкой скобок. Поддерживает файлы объёмом до 100 МБ — при превышении выводится предупреждение.
Cloudflare Pages
Развёрнут глобально в edge-сети Cloudflare для быстрой загрузки по всему миру.
Конфиденциальность данных
Весь рендеринг выполняется локально. При обмене данные шифруются на стороне клиента с помощью AES-GCM перед загрузкой. Сервер хранит только зашифрованный текст; ключ расшифровки остаётся в хеше URL и никогда не передаётся на наши серверы.
Вопросы и ответы
Что такое ViewJSON?
Бесплатный просмотрщик/форматтер JSON в браузере, который распознаёт во многих ответах API Base64-медиа и показывает их внутри документа (изображения, аудио, видео, PDF), а не только длинные строки.
Передаёте ли вы сырой JSON или ключ шифрования на сервер?
При обычном просмотре и правке данные остаются в браузере. Для публикуемой ссылки загружается только текст, зашифрованный AES-GCM; ключ остаётся в хеше URL и не отправляется на наши серверы.
Чем это отличается от обычного «красивого» просмотра JSON?
Обычные просмотрщики выводят строки как текст. ViewJSON ориентирован на длинные Base64 из мультимодальных и «AI-стиля» API и по возможности рендерит медиа встроенно.
Есть ли ограничение по размеру файла или полезной нагрузки?
Предусмотрена обработка очень больших файлов; примерно от 100 МБ может отображаться предупреждение, как в другом месте этой страницы.
Контакты
Вопросы, отзывы или пожелания по функциональности? Напишите нам на support@viewjson.net