View JS N

關於 ViewJSON

ViewJSON 是一款免費的線上 JSON 查看器。和傳統工具不同,它不會把所有字串都當純文字顯示——如果某個欄位是 Base64 編碼的圖片、音訊、影片或 PDF,ViewJSON 會直接在 JSON 結構裡將它渲染出來。所有處理都在瀏覽器本機完成,資料不會離開你的裝置。

為什麼做這個工具

多模態 AI 介面(OCR、語音合成、視覺模型、圖片生成等)的請求和回應中大量使用 Base64 編碼。在實際開發和測試中,這帶來了幾個反覆出現的問題:

輸出預覽流程繁瑣

TTS 和文字生圖等 API 回傳的音訊、圖片均為 Base64 編碼。每次查看都需要從 JSON 中提取對應字串,再到線上解碼器中貼上預覽,每個欄位都需重複同樣的步驟。

輸入構造容易出錯

呼叫 OCR 或視覺模型前,需要先將圖片在第三方網站上轉為 Base64,複製後貼到 API 工具的請求體中。貼上時容易破壞 JSON 的引號和跳脫結構,排查這類格式問題往往比除錯業務邏輯更耗時。

歷史記錄查看不便

Postman、Fiddler 等工具會保存請求歷史,但 Base64 欄位在其中顯示為大段編碼字串,無法直接辨別實際內容。要確認當時傳送或接收的具體媒體,仍需逐個提取 Base64 並重新解碼。

於是我們做了 ViewJSON:貼上 JSON 後,圖片直接看到,音訊直接聽到,影片直接播放,全在一個頁面裡搞定。

使用場景

偵錯 AI API 回應

將包含 Base64 媒體的 API 回應貼到 ViewJSON,所有音訊、圖片、影片會自動識別並在 JSON 結構中直接渲染,無需手動提取或藉助外部解碼器。

Demo: 偵錯 AI API 回應

準備多模態 API 請求體

將圖片直接貼到編輯器中,ViewJSON 會顯示圖片預覽,同時在 JSON 中儲存 Base64 字串。複製時即可取得可直接用於請求的 Base64 資料,無需額外的轉碼步驟。

Demo: 準備多模態 API 請求體

和團隊分享 JSON

ViewJSON 使用 pako(zlib)壓縮你的 JSON 並編碼到 URL 中。無需上傳檔案、無需雲端儲存、沒有到期連結。對方開啟連結即可看到格式化後的資料和媒體預覽,全部在瀏覽器端解碼。

技術與隱私

基於 Astro + React

孤島架構,最小化 JavaScript 載入量。只有需要互動的元件才載入客戶端程式碼。

CodeMirror 6 編輯器

專業級程式碼編輯器,支援語法高亮、折疊、搜尋和括號配對。10 MB 以上的檔案也能流暢處理。

部署在 Cloudflare Pages

透過 Cloudflare 全球邊緣網路分發,世界各地都能快速載入。

資料隱私

你的 JSON 資料完全在瀏覽器中處理,不會傳送到任何伺服器——分享功能也是將資料編碼到 URL 中。

聯絡我們

有問題、建議或功能需求?歡迎聯絡 support@viewjson.net