View JS N

Über ViewJSON

ViewJSON ist ein kostenloser Online-JSON-Viewer und -Formatierer für Entwickler, die mit APIs arbeiten, deren Antworten Base64-kodierte Medien enthalten. Im Gegensatz zu herkömmlichen JSON-Formatierern, die jeden String-Wert als reinen Text darstellen, erkennt ViewJSON Base64-kodierte Inhalte automatisch und rendert sie als Bilder, Audio-Player, Video-Player oder PDF-Vorschauen – direkt innerhalb der JSON-Struktur. Die gesamte Verarbeitung findet lokal in Ihrem Browser statt – Ihre Daten verlassen niemals Ihr Gerät.

Warum wir dieses Tool entwickelt haben

Multimodale KI-APIs – OCR, Sprachsynthese, Bilderkennungsmodelle, Bildgenerierung – tauschen Daten fast ausschließlich über Base64 aus. Bei der Entwicklung und beim Testen führt das zu wiederkehrenden Problemen:

Mühsame Ausgabevorschau

TTS- und Bildgenerierungs-APIs liefern Audio und Bilder als Base64-kodierte Strings zurück. Zur Vorschau muss der String aus der JSON-Antwort extrahiert, in einem Online-Decoder eingefügt und der Vorgang für jedes Feld wiederholt werden.

Fehleranfällige Eingabekonstruktion

Für OCR- oder Bilderkennungsmodelle müssen Bilder zunächst auf einer Drittanbieter-Website in Base64 konvertiert und dann in den Request Body des API-Tools eingefügt werden. Der Prozess ist fehleranfällig – ein falsch gesetztes Anführungszeichen oder eine fehlerhafte Escape-Sequenz bedeutet Zeitverlust durch die Korrektur der JSON-Syntax statt durch das eigentliche Debugging.

Unübersichtlicher Verlauf

Postman und Fiddler speichern den Anfrageverlauf, aber Base64-Felder werden als lange kodierte Strings ohne Hinweis auf den tatsächlichen Inhalt angezeigt. Um zu überprüfen, was gesendet oder empfangen wurde, muss jeder Base64-String einzeln extrahiert und dekodiert werden.

Deshalb haben wir ViewJSON entwickelt: JSON einfügen und sofort jedes Bild sehen, jeden Audioclip hören und jedes Video abspielen – ohne die Seite zu verlassen.

Anwendungsfälle

KI-API-Antworten debuggen

Fügen Sie eine API-Antwort mit Base64-kodierten Medien in ViewJSON ein. Alle Audio-Clips, Bilder und Videos werden automatisch erkannt und innerhalb der JSON-Struktur gerendert – ohne manuelles Extrahieren oder externe Decoder.

Demo: KI-API-Antworten debuggen

Multimodale API-Payloads vorbereiten

Fügen Sie ein Bild direkt in den Editor ein. ViewJSON zeigt die Bildvorschau an, während der Base64-String im JSON gespeichert wird. Beim Kopieren erhalten Sie einen einsatzbereiten Base64-Payload – ohne separate Konvertierung.

Demo: Multimodale API-Payloads vorbereiten

JSON mit dem Team teilen

ViewJSON komprimiert Ihr JSON mit pako (zlib) und kodiert es in eine teilbare URL. Kein Datei-Upload, kein Cloud-Speicher, keine ablaufenden Links. Der Empfänger öffnet den Link und sieht die formatierten Daten mit vollständiger Medienvorschau – alles clientseitig dekodiert.

Technik & Datenschutz

Entwickelt mit Astro + React

Islands-Architektur für minimale JavaScript-Auslieferung. Nur interaktive Komponenten laden clientseitigen Code.

CodeMirror 6 Editor

Professioneller Code-Editor mit Syntaxhervorhebung, Faltung, Suche und Klammerabgleich. Verarbeitet Dateien über 10 MB problemlos.

Cloudflare Pages

Global auf dem Cloudflare-Edge-Netzwerk bereitgestellt für schnelle Ladezeiten weltweit.

Datenschutz

Ihre JSON-Daten werden vollständig im Browser verarbeitet und niemals an einen Server gesendet — auch die Teilen-Funktion kodiert die Daten direkt in die URL.

Kontakt

Fragen, Feedback oder Funktionswünsche? Erreichen Sie uns unter support@viewjson.net