瀏覽器內運作的開發者工具
在本地端執行的 JSON 工具,設計如此
devsmiths 是一套聚焦的開發者工具——JSON 格式化、驗證、樹狀檢視、修復、 轉換、比對、JSON 轉型別,加上日常會用到的 Base64、JWT、雜湊、UUID、 時間戳轉換、slug、色碼、HTTP 狀態碼查詢。圍繞三個原則打造。
隱私至上。所有轉換都在你的瀏覽器內完成。你的 JSON、 token、檔案從未離開頁面——我們連可以上傳的伺服器都沒有。 夠快。頁面以毫秒級載入、parser 以串流處理、 CPU 密集的工具(JSON 轉型別走 quicktype、大檔案修復)在 Web Worker 裡執行,UI 永遠不卡頓。 不只部署,還寫文件。每個工具都附上使用步驟、 邊界案例、5–8 題 FAQ。教學文章持續增加, 涵蓋背後的概念。
提供英文與繁體中文。不需註冊、沒有速率限制、沒有跨站追蹤你的遙測。
工具
JSON
Web
編碼/解碼
產生
文字
為什麼選 devsmiths
資料留在你的裝置上
所有解析、格式化、轉換、程式碼產生都在你的瀏覽器內完成。 頁面沒有上傳端點。你可以打開 DevTools → Network 親自驗證: 貼上 payload 時,不會有任何 request 發出。
小檔快、大檔誠實
一 MB 以下的 JSON 即時顯示。多 MB 的檔案改走串流 parser 與 Web Worker,頁面仍然可操作;文件會告訴你每個工具的實際上限, 不是行銷數字。
雙語並列,不是機器翻譯
英文與繁體中文都是一等公民——每個工具頁、每篇教學、每則 FAQ 都用兩種語言撰寫。沒有經過機翻層;中文版讀起來像中文, 因為它本來就是。
邊界案例寫進文件
JSON 解析在現實世界有幾十種瑣碎的失敗模式——BOM、尾逗號、 NaN、BigInt、深層巢狀。每個工具都明確說明它處理哪些、拒絕哪些、 以及你會看到的錯誤訊息。沒有靜默損壞、沒有亂碼。
最新教學
全部教學 →JWT 常見陷阱與最佳實務
JWT 的五個常見地雷——alg=none、HMAC 密鑰過弱、缺少 exp、盲信 kid、混用 JWS 與 JWE——以及在 2026 年該如何各個擊破。
處理大型 JSON 檔案
當 JSON 大到無法整批塞進記憶體時的策略：串流解析器、NDJSON、分塊、壓縮，以及不會卡住的工具。
什麼是 JSON？實用入門指南
JSON 是 Web 上最常見的資料交換格式。本指南說明它的值型別、語法規則，以及最容易踩到的陷阱。
在 JavaScript 中安全解析 JSON
JSON.parse 看似簡單卻有不少陷阱——原型污染、BigInt、不可信輸入。本文整理生產環境的解析檢查清單。
常見問題
- 我貼上的內容會被傳到伺服器嗎?
- 不會。每個工具完全在你的瀏覽器內執行。網站以靜態 HTML 部署於 Cloudflare Worker 之後,Worker 只負責回傳頁面,完全不處理你的輸入——根本沒有接收你 JSON 的 API。打開 DevTools → Network 觀察:貼上 payload 時,沒有任何 request 發出。
- 為什麼還要再做一套 JSON 工具?
- 目前的 JSON 工具大多落在兩端。精緻的商業版會把你的輸入上傳到伺服器——公開資料還好,正式環境含 token 或個資的 payload 就不適合;另一端則是只給你一個 textarea 和一顆按鈕就交差的快速工具。devsmiths 走中間:本地執行,但配有真正的編輯器、真正的診斷訊息、以及每個工具的真正文件。
- 你們會用 cookie 或追蹤我嗎?
- 沒有追蹤 cookie。網站採用無 cookie 的 Cloudflare Web Analytics 做頁面瀏覽數聚合(不存 IP、無跨站識別碼)。Google Analytics 與 AdSense 僅在 production 載入,且必須通過 Google 認可的 CMP(Funding Choices)取得明確同意——EEA/UK/CH 訪客首次造訪就會看到同意介面;其他地區可從頁尾「隱私設定」連結隨時開啟。完整政策請見隱私權頁面。
- 誰打造的?如何維護?
- devsmiths 由一位具名的維運者打造與維護——關於頁面說明是誰、為什麼,以及工程紀錄。網站持續更新,sitemap 中每個頁面的 lastmod 反映實際編修時間。原始碼非公開;Bug 回報與功能請求請走聯絡頁面。
- 可以離線使用嗎?
- 首次造訪後可以。網站註冊了 service worker 快取資產,因此你載入過一次的工具,下次即使沒有網路也能繼續使用。尚未瀏覽過的教學文章與工具,仍需先連線載入。