Über ViewJSON
Auf einen Blick
- Rendert viele Base64-Strings in API-ähnlichem JSON als Bilder, Audio, Video und PDFs direkt im JSON-Baum.
- Anzeigen und Bearbeiten erfolgen lokal im Browser. Bei teilbaren Links: AES-GCM im Client, auf dem Server nur Chiffretext, Schlüssel im URL-Hash.
- Editor mit CodeMirror 6, für große Nutzlasten; sehr große Dateien (rund 100MB) können eine Warnung auslösen.
- Hilft bei KI/API-Antworten, multimodalen Request-Bodies und geteilter Verschlüsselung per Kurzlink.
Zuletzt aktualisiert:
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. Das gesamte Rendering erfolgt lokal in Ihrem Browser. Beim Teilen werden Daten clientseitig mit AES-GCM verschlüsselt — der Server speichert nur Chiffretext und erhält nie den Entschlüsselungs-Key.
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. Für Entwickler, die KI-API-Ausgaben debuggen, eliminiert ViewJSON das manuelle Extrahieren, indem alle Base64-Medien sofort inline gerendert 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. Beim Erstellen von Eingaben für Vision-APIs konvertiert ViewJSON eingefügte Bilder automatisch im Editor in Base64, um die gültige JSON-Syntax beizubehalten.
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. Um die Überprüfung des API-Verlaufs zu vereinfachen, rendert ViewJSON Base64-Strings als visuelle Vorschauen, damit Sie vergangene Medien-Payloads einfach überprüfen können.
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.
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.
JSON mit dem Team teilen
ViewJSON verschlüsselt Ihr JSON und Ihre Variablen lokal mit AES-GCM und lädt nur den Chiffretext hoch, um einen Kurzlink zu generieren. Der Entschlüsselungs-Key bleibt im URL-Hash — er wird nie an den Server gesendet. Der Empfänger öffnet den Link und alles wird sofort in seinem Browser entschlüsselt.
Vergleich mit üblichen Tools
| Typischer Online-JSON-Viewer | API-Client (Verlauf / Vorschau) | ViewJSON | |
|---|---|---|---|
| Base64-Medien im JSON | Gängige Online-Viewer rendern Base64 nicht als Medien im Baum — Werte bleiben reiner Text. | Im Verlauf bleibt Base64 eine lange, undurchsichtige Zeichenkette; kein Medien-Preview im Kontext. | Nutzt Inhaltssignaturen (Magic Bytes), erkennt Formate und rendert Bilder, Audio, Video und PDF inline im Baum. |
| Verschlüsseltes Teilen im Team | Kaum ein Mainstream-Produkt bietet dasselbe: nur clientseitiges AES-GCM, Kurzlink und Schlüssel ausschließlich im URL-#Fragment. | JSON wird typischerweise manuell kopiert — kein vergleichbarer Ein-Klick-„nur Chiffretext“-Kurzlink. | Teilen: AES-GCM im Browser, nur Chiffretext auf dem Server, Schlüssel im #Hash — nicht an unsere Server gesendet. |
| Bild einfügen → Base64 im JSON | Selten ein echtes Ein-Schritt-„Bild in den JSON-Editor einfügen → gültiges Base64 im Dokument“. | Ausgelegt auf HTTP-Requests, nicht auf einen vollständigen JSON-Arbeitsbereich mit Paste-zu-Base64. | Bild in den Editor einfügen; Base64 wird bei gültigem JSON eingefügt. |
| Formatieren, validieren, reparieren | Formatierung und Validierung sind üblich; inline Base64-als-Medien in derselben Ansicht gibt es in der Praxis fast nie. | Bodies sind textlastig; reiche Inline-Vorschau multimodaler Nutzlasten liegt außerhalb des Fokus. | Formatierung, Validierung, Reparatur und Inline-Medienvorschau in einem Workspace. |
Technik & Datenschutz
Entwickelt mit Astro + React
Islands-Architektur für minimale JavaScript-Auslieferung. Nur interaktive Komponenten laden clientseitigen Code. Der Verlauf wird in IndexedDB gespeichert – nicht im localStorage –, sodass er über Sitzungen hinweg erhalten bleibt und große API-Payloads sicher handhaben kann.
CodeMirror 6 Editor
Professioneller Code-Editor mit Syntaxhervorhebung, Faltung, Suche und Klammerabgleich. Verarbeitet Dateien bis zu 100 MB, bevor eine Warnung angezeigt wird.
Cloudflare Pages
Global auf dem Cloudflare-Edge-Netzwerk bereitgestellt für schnelle Ladezeiten weltweit.
Datenschutz
Das gesamte Rendering erfolgt lokal. Beim Teilen werden Daten vor dem Upload clientseitig mit AES-GCM verschlüsselt. Der Server speichert nur Chiffretext; der Entschlüsselungs-Key verbleibt im URL-Hash und wird nie an unsere Server übermittelt.
FAQ
Was ist ViewJSON?
Kostenloser In-Browser-JSON-Viewer, der in vielen API-Antworten Base64-Medien im Dokument inline als Bilder, Audio, Video, PDFs anzeigt statt als lange String-Wolken.
Laden Sie mein Roh-JSON oder den Entschlüsselungs-Key hoch, wenn ich die Seite nutze?
Beim normalen Ansehen und Bearbeiten bleiben die Daten im Browser. Bei geteilten Links wird nur mit AES-GCM Chiffriertes hochgeladen; der Key bleibt im URL-Hash und wird an unsere Server nicht übermittelt.
Worin unterscheidet es sich von einem herkömmlichen JSON-Viewer?
Häufige Viewer zeigen Strings als Text. ViewJSON fokussiert langes Base64 aus multimodalen und KI-ähnlichen APIs und rendert medienbasiert, wo es geht.
Gibt es ein Größenlimit für Dateien oder Nutzlasten?
Sehr große Dateien werden unterstützt; um rund 100MB kann – wie an anderer Stelle dieser Seite erwähnt – eine Warnung erscheinen.
Kontakt
Fragen, Feedback oder Funktionswünsche? Erreichen Sie uns unter support@viewjson.net