Developer Toolbox

即開即用的瀏覽器工具

無需安裝、無需登入。貼上資料，立刻得到結果。所有工具在瀏覽器本地運行，資料不離開你的裝置。

資料與格式工具
{ }
JSON
JSON Filter
貼入任意 JSON，勾選想保留的屬性，即時輸出篩選結果。支援巢狀結構、值分析，以及多筆跳轉導航。
屬性篩選 值分析 語法高亮
→
⊞
JSON · TABLE
JSON Table Visualizer
將 JSON 陣列轉為可排序、可搜尋的互動式表格。快速瀏覽大量結構化資料，支援欄位排序與關鍵字過濾。
表格視圖 排序 搜尋
→
↕
FINANCE · CHART
資金流可視化
視覺化呈現資金流向，直觀掌握收支結構與趨勢。適合分析財務報表或追蹤現金流動。
流量圖 收支分析
→
⇄
JSON · YAML · TOML · CSV
萬用格式轉換器
JSON ↔ YAML ↔ TOML ↔ CSV 一鍵互轉，內建壓縮 / 美化 / 驗證，並可直接產生 TypeScript Interface 或 C# Class。
互轉 型別產生 驗證
→
開發實用工具
🖼
IMAGE · WEBP / AVIF
圖片轉換器
純前端裁切、壓縮並轉成 WebP / AVIF 等網頁友善格式。支援批次處理、即時預覽檔案大小，圖片不離開瀏覽器。
壓縮 裁切 WebP/AVIF
→
🔑
SECURITY
密碼與金鑰產生器
以 crypto 安全亂數產生高強度密碼，並一鍵生成 UUID v4、Base64 / Hex 金鑰，適合設定 JWT Secret 等環境變數。
強度分析 UUID Base64/Hex
→
🌐
DNS · SEO · OG
網頁檢查工具
查詢 DNS 紀錄（DNS-over-HTTPS）、解析 Meta / Open Graph 標籤，並模擬 Twitter 與 Facebook 分享卡片的預覽畫面。
DNS Meta 分享預覽
→
範例小工具 僅供參考
🕐
DEMO
時鐘
即時顯示目前時間的時鐘小工具範例。
即時時間
→
＋
DEMO
計數器
簡單的計數器小工具範例，展示基本互動功能。
互動
→
☁
DEMO
天氣查詢
天氣資訊小工具範例，展示外部 API 資料整合。
API 整合
→