免費線上進階開發者工具

15 種進階開發者工具：JSON/YAML 轉換、SQL 格式化、CSS/JS/HTML 壓縮美化、XML 驗證，全部免費使用。

關於進階開發者工具

進階開發者工具集是 /dev 的延伸，收錄 spec 對照、debug、效能、低階分析工具。HTTP Status Code 速查（100-599 完整列表 + 使用情境 + RFC 鏈接 + 常見誤用）；MIME Type 對照（800+ extension ↔ MIME 互查）；HTTP Methods 語意說明（GET vs POST vs PUT vs PATCH 適用場景 + idempotent 性質）；REST API 設計助手（資源命名 / 動詞使用 / 狀態碼選擇 checklist）；Postman / cURL 命令互轉（給 cURL 一鍵變 fetch() / Postman / HTTPie）；Diff 進階（3-way merge、word-level diff、forward / reverse patch）；Tree 結構視覺化（從巢狀 JSON / 檔案路徑陣列產生 tree 圖）；ASCII 表格產生（CSV / TSV / Markdown 表格 → 純文字對齊）；正則表達式測試與爆破（給範例字串自動推薦 regex）。

常見問題

PUT 跟 PATCH 怎麼選？

PUT = **整體替換**：你給的 body 是「該資源的最終樣貌」，伺服器把它整個換掉（缺欄位視為刪除）；PATCH = **部分修改**：你給的 body 是「我要改的差異」，伺服器只動指定欄位。實務：(1) 改使用者頭像 → PATCH（只動 avatar 欄位）；(2) 整批替換產品規格表 → PUT。RFC 7396 定義 JSON Merge Patch、RFC 6902 定義 JSON Patch（更精準的 op 描述）。

HTTP 304 跟 200 from cache 差在哪？

(1) 200 from cache：瀏覽器**完全沒發 request**，純從本地 disk / memory cache 拿（例如 Cache-Control: max-age=3600 期間）— 真正的零延遲；(2) 304：瀏覽器發了 conditional GET（帶 If-Modified-Since 或 If-None-Match），伺服器回 304 表示「沒變動，用你的 cache」— 有 RTT 但不傳 body。最佳實踐：static assets 用 immutable cache（200 from cache）；動態頁面用 ETag（304）。

REST API 命名動詞還是名詞？

資源 (URL path) 用**名詞 + 複數**：/users / /products / /orders。動作 (HTTP method) 用動詞：GET / POST / PATCH / DELETE。**避免**：/getUsers (動詞混進 URL)、/user (單數)、/createOrder (動詞)。例外：批次操作 / 非 CRUD 動作可用 RPC 風格的 sub-resource：/orders/{id}/cancel、/users/{id}/sendInvite。我們工具給 30+ 命名範例 + 反例。

cURL → fetch() 怎麼處理 multipart upload？

cURL：curl -F 'file=@./photo.jpg' -F 'caption=test' https://api.com/upload。fetch() 等價：const fd = new FormData(); fd.append('file', fileObj); fd.append('caption', 'test'); fetch(url, {method:'POST', body:fd})。**坑**：JavaScript 中千萬不要手動設 Content-Type，瀏覽器會自動加 boundary，你手動設會壞掉。我們的轉換工具自動處理這個邊界情況。

MIME Type 跟 file extension 衝突時怎麼辦？

看上下文：(1) 上傳 / 下載 → 信 MIME（從 magic bytes 偵測），副檔名可被改；(2) 本地檔案 → 信 extension（OS 行為依賴）；(3) 安全敏感（防上傳偽 PDF 是 PHP webshell）→ 雙重驗證 magic bytes + extension + 內容掃描。我們的 MIME 工具同時做 magic bytes 偵測（如 PDF 開頭 25 50 44 46，PNG 開頭 89 50 4E 47）+ 副檔名對照，標出衝突。

分享此工具： Facebook LINE X