關於 ViewJSON
重點摘錄
- 在樹狀檢視中，把 API 風格 JSON 裡多數 Base64 欄位以圖片、音訊、影片、PDF 等形式內嵌預覽。
- 檢視與編輯在瀏覽器本機完成；使用分享連結時，以 AES-GCM 在客戶端加密，伺服器僅儲存密文，金鑰保留在 URL 片段。
- 以 CodeMirror 6 為基礎的編輯器，適合大型請求/回應內文；超大型檔案（約 100MB 等級）可能出現提醒。
- 可用於偵錯 AI/API 回應、準備多模態請求內文，以及透過加密短鏈與團隊分享。
最後更新：
ViewJSON 是一款免費的線上 JSON 查看器。和傳統工具不同，它不會把所有字串都當純文字顯示——如果某個欄位是 Base64 編碼的圖片、音訊、影片或 PDF，ViewJSON 會直接在 JSON 結構裡將它渲染出來。所有渲染處理都在瀏覽器本機完成。分享時採用客戶端 AES-GCM 加密，伺服器僅存密文，解密金鑰不經網路傳輸。
為什麼做這個工具
多模態 AI 介面（OCR、語音合成、視覺模型、圖片生成等）的請求和回應中大量使用 Base64 編碼。在實際開發和測試中，這帶來了幾個反覆出現的問題：
輸出預覽流程繁瑣
TTS 和文字生圖等 API 回傳的音訊、圖片均為 Base64 編碼。每次查看都需要從 JSON 中提取對應字串，再到線上解碼器中貼上預覽，每個欄位都需重複同樣的步驟。對於除錯 AI API 輸出的開發者，ViewJSON 透過就地無縫渲染所有 Base64 媒體，徹底免去了手動提取的繁瑣步驟。
輸入構造容易出錯
呼叫 OCR 或視覺模型前，需要先將圖片在第三方網站上轉為 Base64，複製後貼到 API 工具的請求體中。貼上時容易破壞 JSON 的引號和跳脫結構，排查這類格式問題往往比除錯業務邏輯更耗時。在建構視覺 API 的輸入資料時，ViewJSON 自動將編輯器內貼上的圖片轉換為 Base64，以保護原有的正常 JSON 語法結構。
歷史記錄查看不便
Postman、Fiddler 等工具會保存請求歷史，但 Base64 欄位在其中顯示為大段編碼字串，無法直接辨別實際內容。要確認當時傳送或接收的具體媒體，仍需逐個提取 Base64 並重新解碼。為了簡化 API 歷史記錄的復盤，ViewJSON 將 Base64 字串呈現為視覺化預覽，讓你隨時直觀檢驗曾經收發的媒體負載。
於是我們做了 ViewJSON：貼上 JSON 後，圖片直接看到，音訊直接聽到，影片直接播放，全在一個頁面裡搞定。
使用場景
偵錯 AI API 回應
將包含 Base64 媒體的 API 回應貼到 ViewJSON，所有音訊、圖片、影片會自動識別並在 JSON 結構中直接渲染，無需手動提取或藉助外部解碼器。
準備多模態 API 請求體
將圖片直接貼到編輯器中，ViewJSON 會顯示圖片預覽，同時在 JSON 中儲存 Base64 字串。複製時即可取得可直接用於請求的 Base64 資料，無需額外的轉碼步驟。
和團隊分享 JSON
ViewJSON 會在本機使用 AES-GCM 演算法加密你的 JSON 和變數，然後僅將密文上傳以產生短鏈。解密金鑰留在 URL 的 Hash（#）中，不經伺服器傳輸。對方開啟連結後，一切都在他們的瀏覽器中即時解密。
與常見工具對照
| 典型線上 JSON 檢視器 | API 用戶端（歷史紀錄 / 預覽） | ViewJSON | |
|---|---|---|---|
| JSON 中的 Base64 媒體 | 主流線上 JSON 檢視器幾乎都不在樹狀結構內嵌預覽 Base64——欄位仍是純文字長串，需站外解碼。 | 歷史紀錄裡 Base64 仍是大段「看不出內容」的字串，無法在脈絡中直接預覽真實媒體。 | 依內容特徵（魔數等）辨識格式，在樹狀結構內嵌預覽圖片、音訊、影片與 PDF。 |
| 加密團隊分享 | 業界幾乎沒有與「只存密文短鏈＋解密金鑰只在 URL # 片段」等效的常見產品化流程。 | 多半靠手動複製 JSON 出去，沒有同一套「一鍵密文短鏈」體驗。 | 分享連結：瀏覽器內 AES-GCM 加密，僅上傳密文，金鑰留在 # 片段，不傳至我們伺服器。 |
| 貼上圖片 → JSON 內 Base64 | 很少能在 JSON 編輯器裡一步完成「貼上圖片 → 文件內合法 Base64」。 | 圍繞 HTTP 請求構建，而不是整份 JSON 文件＋貼上產生 Base64 的工作區。 | 將圖片貼入編輯器，在維持合法 JSON 的同時插入 Base64。 |
| 格式化、驗證、修復 | 格式化、驗證很常見；但在同一視圖把 Base64 當媒體內嵌預覽，主流產品基本上做不到。 | 請求/回應本體以文字為主，多模態負載的內嵌豐富預覽不在其設計目標內。 | 格式化、驗證、修復與內嵌媒體預覽在同一工作區完成。 |
技術與隱私
基於 Astro + React
孤島架構，最小化 JavaScript 載入量。只有需要互動的元件才載入客戶端程式碼。歷史記錄儲存在 IndexedDB —— 而非 localStorage —— 中，確保了跨工作階段資料的持久化，並且能安全處理龐大的 API 負載。
部署在 Cloudflare Pages
透過 Cloudflare 全球邊緣網路分發，世界各地都能快速載入。
資料隱私
所有渲染處理發生在本機。分享時，資料在上傳前使用 AES-GCM 客戶端加密，伺服器僅存密文；解密金鑰保留在 URL Hash 中，絕不傳輸至我們的伺服器。
常見問題
ViewJSON 是什麼？
在瀏覽器中免費使用的 JSON 檢視與格式化工具，可辨識 API 回應中常見的 Base64 媒體並在文件中內嵌預覽（圖片、音訊、影片、PDF），而不只是顯示長字串。
使用本網站時會上傳原始 JSON 或解密金鑰嗎？
一般檢視與編輯時，資料留在本機瀏覽器。若建立分享連結，只會上傳經 AES-GCM 加密的密文；解密金鑰保留在 URL 片段，不會傳到我們的伺服器。
和一般的「美化」或純文字 JSON 工具有何不同？
多數工具把字串當成純文字。ViewJSON 針對多模態與類 AI 介面回傳的長 Base64，在可行時以媒體形式內嵌顯示。
有檔案或體積上限嗎？
編輯器可處理非常大的檔案；約 100MB 左右可能出現本頁他處所說的提醒。
聯絡我們
有問題、建議或功能需求？歡迎聯絡 support@viewjson.net