Web Toolkit

21 個在瀏覽器裡執行的免費工具

不用註冊、不上傳、不追蹤。所有處理都在你自己的裝置上完成。

在你的裝置上執行,不在別人的伺服器上

把正式環境的 JWT、客戶名單或合約內容貼進一個來路不明的網站,等於把那份資料交給經營那個網站的人。這裡的每個工具都讓這個問題不存在:頁面只載入一次,之後的格式化、解碼、雜湊、縮圖與計算全都在你自己的瀏覽器裡完成。把網路斷掉,工具照樣能用——這是「沒有上傳」最簡單的證明。

沒有帳號、沒有每日次數限制、沒有付費才能用的功能。Web Toolkit 由 Ikonode 開發與維護,是一套持續成長的工具集,而不是 21 個各自獨立的到達頁;所以你下一個需要的工具永遠只差一個按鍵:在站上任何位置按 ⌘K 就能搜尋全部工具。

開發

格式化、解碼、檢視你每天都會碰到的資料格式。

查看全部 10 個 →

這類工具需要的時機通常都很糟:webhook 傳回來的內容擠成無法閱讀的一行、部署前要確認一個 token 還有效、設定檔解析失敗而錯誤訊息只說「第 1 行」。

該用哪一個,取決於你想知道什麼。想讀懂一份結構就用 JSON 或 YAML 格式化工具;想知道解析器為什麼拒絕它,就看錯誤輸出——第一個非法字元的位置通常就是全部的答案。Base64 與 URL 編碼看起來可以互換,其實不行:一個是二進位資料的傳輸字母表,另一個是為了讓字元不破壞 query string,用錯的那個會安靜地把資料弄壞。正則表達式在寫進程式前先用測試器跑過,cron 運算式在你相信它半夜三點會執行之前先用解析器確認一次。

任何涉及憑證的東西——JWT、雜湊——都是在你的瀏覽器裡解出來的,不會傳送到任何地方。但這不代表可以把正式環境的密鑰貼進網頁:貼過的 token,就是值得換掉的 token。

文字

計算、轉換、比對與整理文字,全部不用離開瀏覽器。

查看全部 3 個 →

為網路寫字就是在跟長度限制搏鬥。meta description 超過大約 160 個字元會在搜尋結果被截斷,標題超過大約 60 個字元也一樣,廣告標題與社群貼文更是硬性上限。用眼睛數不準,用文書軟體數會得到錯的數字,因為它對「一個字元」的定義跟瀏覽器不同。

要抓這些限制、或估算閱讀時間,就用字數統計。當文字必須在大小寫規則不同的環境之間搬動時就用大小寫轉換——例如 snake_case 的資料庫欄位要變成 Title Case 的介面標籤,或一個標題要拿去當網址 slug。當同一份文件有兩個版本、而沒有人記得改了什麼,就用比對工具:把兩段文字並排用眼睛看,最容易漏掉的就是被改掉的那個數字,而那通常正是最要緊的一處修改。

這三個工具都只處理你貼進去的文字,而且全在你自己的瀏覽器裡跑,所以草稿與客戶素材都可以放心用——它們不會留在別人的日誌裡。

計算機

百分比、報酬率與複利計算,公式一律同時顯示。

查看全部 3 個 →

這裡的算術都不難,正因為不難才容易出錯。百分比變化與百分比差異是兩種不同的計算,回答的也是不同的問題。「先打八折再折 20%」不等於打六折。沒有標明期間的投資報酬率,跟任何數字都無法比較。而最常被低估的是複利,因為直覺是線性的,數學不是。

所以每個計算機都會把公式與它實際採用的輸入值一起顯示,而不是只給一個結果。當你要向別人解釋這個數字怎麼來的,或一週後回來已經忘記當初填的利率是年利率還是月利率時,這件事就會變得很重要。

有兩件事這些工具刻意不做:模擬手續費與稅,以及預測未來。複利試算是對你輸入的假設做算術,不是財務預測——真實結果會被費用、通膨與風險改變,而網頁上的計算機對這些一無所知。用它們檢查一個數字,然後把真正重要的那個數字交給有資格的專業人士確認。

日期時間

時間戳、時區與日期運算,邊界情況都有正確處理。

查看全部 2 個 →

日期是自信的程式碼最常翻車的地方。日誌裡的 Unix 時間戳是秒,JavaScript 裡的是毫秒,把其中一個當成另一個來讀,結果會落在 1970 年或西元五萬年。用手算兩個日期之間相差幾天,會在跨月、閏年,以及一年當中因為日光節約時間而只有 23 小時或多達 25 小時的那兩天出錯。

在讀日誌、除錯 token 的到期時間、或確認資料庫實際存進去的值時,用時間戳轉換工具——它會同時顯示你的當地時間與 UTC,而混亂通常就出在這裡。合約期間、預告期、年齡計算,以及任何差一天就有後果的場合,用日期差異計算機。

兩者都使用瀏覽器自己的時區資料庫,所以換算結果符合你現在坐的這台機器,而不是另一個地區的伺服器。

圖片

用 Canvas 調整尺寸與轉檔,檔案永遠不會離開你的裝置。

查看全部 2 個 →

圖片工具是最值得小心的一類,因為「上傳照片來縮圖」的意思是把原始檔案連同它帶的所有中介資料交給陌生人。這兩個工具是用瀏覽器裡的 Canvas API 完成工作:頁面從磁碟讀取檔案、在記憶體裡處理、再交還給你下載。過程中沒有任何傳輸,你可以在開始前先斷網來驗證這件事。

尺寸是問題時就縮圖——一張 4000px 寬的圖放在只顯示 800px 的版面裡,會讓每一位訪客白白付出頻寬,也拖垮 Core Web Vitals。格式是問題時就轉檔:同等畫質下 WebP 通常比 JPEG 小 25–35%,螢幕截圖與需要透明背景的圖該用 PNG,而要送到比較老舊的環境的照片,JPEG 仍然是安全選擇。

如果兩者都不對,先縮圖再轉檔。先把大圖編碼成有損格式再縮小,等於把畫質預算花在你馬上就要丟掉的細節上。

網頁

產生每個網站遲早都會用到的那些小東西。

查看全部 1 個 →

每個網站最後都會需要一個手工做起來很煩的小東西,這個分類收的就是那些。

目前住在這裡的是 QR code 產生器。它在你的瀏覽器裡把內容畫成一張靜態圖片,直接指向你輸入的網址——沒有短網址、沒有經過追蹤網域的轉址、沒有到期日。這個差別比聽起來重要:多數免費 QR 服務會悄悄把掃描導流經過自己的伺服器,代表對方改變收費方式那天你的碼就失效,而且每一次掃描都被一個你沒有選擇的第三方記錄下來。在這裡產生的碼,除了你以外沒有主人。

你編碼的內容也一樣。Wi-Fi 密碼、私人網址、聯絡資訊——都不會被傳送出去,所以拿來產生不打算公開的內容也是安全的。