關於 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 結構中直接渲染,無需手動提取或藉助外部解碼器。
準備多模態 API 請求體
將圖片直接貼到編輯器中,ViewJSON 會顯示圖片預覽,同時在 JSON 中儲存 Base64 字串。複製時即可取得可直接用於請求的 Base64 資料,無需額外的轉碼步驟。
和團隊分享 JSON
ViewJSON 使用 pako(zlib)壓縮你的 JSON 並編碼到 URL 中。無需上傳檔案、無需雲端儲存、沒有到期連結。對方開啟連結即可看到格式化後的資料和媒體預覽,全部在瀏覽器端解碼。
技術與隱私
基於 Astro + React
孤島架構,最小化 JavaScript 載入量。只有需要互動的元件才載入客戶端程式碼。
CodeMirror 6 編輯器
專業級程式碼編輯器,支援語法高亮、折疊、搜尋和括號配對。10 MB 以上的檔案也能流暢處理。
部署在 Cloudflare Pages
透過 Cloudflare 全球邊緣網路分發,世界各地都能快速載入。
資料隱私
你的 JSON 資料完全在瀏覽器中處理,不會傳送到任何伺服器——分享功能也是將資料編碼到 URL 中。
聯絡我們
有問題、建議或功能需求?歡迎聯絡 support@viewjson.net