每個開發者手邊都有幾個隨手就用的小工具,一天可能開個十幾次。這篇整理了十個免費、在瀏覽器裡執行的工具,涵蓋最常見的日常任務。它們全部在你的瀏覽器本機執行,貼上的內容不會上傳到伺服器。
「正常運作」實際上長什麼樣。 這份清單裡的每一個工具,在它自己的頁面上都有已驗證、已公開的輸出,所以你分得出一個工具是壞的還是對的。三個你可以拿別的工具核對:
hello的 MD5 是5d41402abc4b2a76b9719d911017c592;JSON 尾隨逗號會產生 Expected double-quoted property name in JSON at position 7 (line 1 column 8);而我們的取色器把自己畫的那張插畫的六個顏色全部抓到。這些都在實測室與各工具頁上 —— 一份清單的意義,就在於每一項都是可查證的。
1. JSON 格式化
機器產生的 JSON 常被壓成一長串,難以閱讀。JSON 格式化工具能把它美化成清楚的縮排結構,也能反過來壓縮以利傳輸,並即時驗證語法,讓你在程式報錯前就抓到多餘的逗號。
要看的是:它會不會告訴你錯在哪裡?我們這個把尾隨逗號回報成 ✗ JSON syntax error: Expected double-quoted property name in JSON at position 7 (line 1 column 8) [L1:8] —— 位置比措辭重要,因為解析器回報的是它放棄的地方,不是你手滑的地方。
2. Base64 編碼 / 解碼
當你需要把二進位或特殊字元透過純文字通道(email、JSON、Data URI、JWT)傳遞時,就會用到 Base64。好的 Base64 工具完整支援 UTF-8(中文、日文、emoji 都能正確往返),並提供 URL-safe 模式。
快速檢查一個編碼器有沒有正確處理 UTF-8:Hello, World! 必須回來是 SGVsbG8sIFdvcmxkIQ==。如果一個工具給你更短的東西,它是漏了驚嘆號、或者把位元組長度弄錯了。
3. Hash 產生器
要校驗下載的檔案、比對兩段文字,或學習雜湊原理?使用瀏覽器原生 Web Crypto API 的 Hash 產生器能即時算出 SHA-256、SHA-512,且輸入不外傳。
拿一個你可以離線重現的值去驗證雜湊工具。hell0 的 MD5 是 73b43f17232b391b9123adf40c1b65dd —— 和 hello 只差一個字元,而摘要沒有任何共同之處,這就是你在把校驗碼交給這個工具之前該確認的雪崩性質。
4. UUID 產生器
需要一批不重複的識別碼當資料庫主鍵或測試資料?UUID 產生器用加密級亂數一次產生多組 RFC 4122 v4 ID。
值得測的性質不是「看起來夠不夠隨機」,而是「格式對不對」。我們這個產生了 1000 個識別碼,1000/1000 個唯一、全部 36 個字元、版本數字全部是 4。
5. Unix 時間戳轉換
日誌與 API 常把時間存成 Unix 時間戳,人眼看不懂。時間戳轉換工具能把數字轉成本地與 UTC 日期(也能反向),並顯示即時的目前時間戳。
最省時間的功能是同時顯示本地時間與 UTC。1767225600 在我們的機器上回傳 本地時間:2026-01-01 08:00:00 UTC:2026-01-01 00:00:00 —— 兩行差的就是時區偏移,而時間戳的 bug 全都住在那個差裡。
6. 字數統計
無論是寫論文、調整 SEO 文章長度,還是把貼文控制在字數上限內,字數統計工具會在你輸入時即時算出字數、字元、句子、段落與閱讀時間。
要問它算的是什麼。一段三句話的英文給我們 33 個詞、169 個字元、不含空白 137 個 —— 這三個數字本來就設計成互相不一致,而一個只顯示其中一個的工具,是在把那個不一致藏起來。
7. 大小寫轉換
改變數名稱或整理標題?大小寫轉換工具能一鍵在 camelCase、snake_case、kebab-case、Title Case 等之間切換。
在把識別字交給它之前,先用一個縮寫測它。HTTP response code 在我們這裡PascalCase 是 HttpResponseCode、snake_case 是 http_response_code —— 縮寫被壓平了,那是多數風格指南想要的,但仍然是一個你應該親眼看到它發生的決定。
8. URL 編碼 / 解碼
特殊字元與非 ASCII 文字會破壞網址。URL 編碼工具能正確地對查詢參數做百分比編碼,也能解讀你從網址列複製下來的 %XX 字串。
把「正確的編碼器」和「偷懶的編碼器」分開的測試案例是查詢字串。?q=x&r=y 必須完整轉義成 %3Fq%3Dx%26r%3Dy;一個把 ? 或 & 留著不動的工具,是把「一個值」當成「一整個網址」在編碼。
9. Diff / 文字比對工具
當兩個檔案「看起來一樣」卻行為不同,diff 工具能標出到底哪些字元變了。(本站即將推出。)
看它對「插入一行」怎麼處理,而不是只看「改一行」。我們這個回傳 alpha + beta gamma —— 一行被標記、鄰居沒有標記,這就是你分辨「真的插入」和「修改」的方法。
10. 正則表達式測試器
正則很強大,也很容易寫錯。能在你輸入時即時標示比對結果的測試器,能把試誤變成可推理的事。(即將推出。)
真正重要的功能是顯示比對位置,不只是一個數量。對 <b>bold</b> and <i>it</i>,非貪婪的 <.+?> 在我們這裡回報 4 個比對,並列成 #1"<b>"@0 #2"</b>"@7 #3"<i>"@16 #4"</i>"@21 —— 那些偏移量才是讓你看出「貪婪版把整串吞掉了」的東西。
如何挑選好用的線上工具
不是所有「免費」工具都一樣。幾個值得注意的點:
- 是否在本機執行? 若工具在瀏覽器裡處理資料(像上面這些),你的輸入永遠不會離開裝置 —— 處理機敏內容時特別重要。
- 是否夠快? 靜態、透過 CDN 提供的工具秒開,而且不需來回請求就能反應。
- 是否誠實說明限制? 例如一個因為 MD5 不安全而不提供 MD5 的雜湊工具,其實是在告訴你有用的資訊。
把最常用的幾個加進書籤,你會發現一天下來省下的摩擦超乎想像。以上工具全部免費、隱私優先,都能在 Yunknow Toolbox 找到。