北京
周三下午三點，你正調(diào)試一個緊急接口。復(fù)制一段亂碼Base64，打開谷歌搜“Base64解碼”，點進第一個結(jié)果——彈窗蓋住了文本框，點擊關(guān)閉，又彈出一個“發(fā)現(xiàn)新版本Chrome”的假通知。你罵了一聲，關(guān)掉頁面。第二個網(wǎng)站更離譜，解碼前先讓你輸驗證碼。與此同時，你身后工位的小李已經(jīng)用本地工具搞定，端起咖啡去休息了。
這種“修一個bug，踩五個坑”的體驗我忍了太久。每次格式化JSON、檢查JWT令牌、生成UUID都要在不同的廣告站點之間跳轉(zhuǎn)，有些站點甚至在代碼里埋了挖礦腳本。于是我動手做了一個頁面：DevToys，一個純粹到極致的開發(fā)者工具箱。沒有廣告，沒有注冊，沒有埋點追蹤，40個高頻工具全部在瀏覽器里跑完。
先看這頁東西有多“懶”： 整個頁面就是一個靜態(tài)站點，部署在Vercel上。零后端，不發(fā)送任何請求。每一個工具都使用瀏覽器原生JavaScript API完成計算，所有運算都是在本地瞬間同步返回結(jié)果，連依賴包都小到幾乎可以忽略。不用等加載動畫，不用看骨架屏，打開頁面工具就緒，敲鍵盤立刻出結(jié)果。移動端也做了適配，手機救急時一樣清爽。
這40個家伙到底能干什么？我把它們攤開說說： 一是JSON格式化與驗證。能美化、壓縮，還能實時校驗合法性，再也不用對著縮成一團的接口返回抓頭皮。 二是Base64編解碼。無論是圖片轉(zhuǎn)Base64還是反向解析，粘貼即出結(jié)果。 三是JWT解碼器。一口氣拆開頭部、載荷和簽名，排查令牌過期問題格外利索。 四是正則表達式測試器。支持實時高亮匹配，寫驗證規(guī)則時不用再靠alert彈窗試錯。 五是UUID生成器。可以批量生成，支持多種標(biāo)準(zhǔn)，大量測試數(shù)據(jù)一秒鐘造好。 六是哈希生成器。一口氣給你MD5、SHA-1、SHA-256、SHA-512，還能校驗文件摘要。 七是顏色轉(zhuǎn)換器。在十六進制、RGB、HSL之間來回切，取色不再依賴PS。 八是Unix時間戳轉(zhuǎn)換。把一串?dāng)?shù)字變成人類可讀的日期，或者反向操作，日志排查福音。 九是Cron表達式解析。把那一串星星號翻譯成人話，防止定時任務(wù)跑偏。 十是文本差異對比。逐行比較兩段文本，配置改動一眼看清。 除此之外還有Url編碼解碼、Lorem Ipsum占位文本生成、HTML實體轉(zhuǎn)換等剩下三十多個，幾乎覆蓋日常搬磚的邊邊角角。
這一套組合拳下來，最直接的感受是“不被綁架”。沒有哪個工具跟我說“檢測到AdBlock，請關(guān)閉后使用”，也沒有哪個按鈕引導(dǎo)我下載Chrome插件。更關(guān)鍵的是，隱私這件事它真的做到了默認(rèn)就緒：沒有埋點分析、沒有用戶行為追蹤，所有數(shù)據(jù)只留在你的瀏覽器里——JWT令牌不會發(fā)送到某個未知的服務(wù)器，你在輸入的臨時密鑰也不會被當(dāng)作統(tǒng)計樣本。在當(dāng)下連便簽App都要注冊賬號的環(huán)境里，這種“用完即走”的直白反而奢侈。
你可能覺得這沒什么技術(shù)含量，不就是把各種代碼片段整合到一個頁面上么？但恰恰是這種“不炫技”的整合解決了最高頻的痛點：減少上下文切換。我們的注意力不是花在完成工作上，而是消耗在切換工具、關(guān)彈窗、等待頁面加載、重新聚焦這些瑣碎動作里。DevToys把所有功能平鋪在同一頁，書簽欄占一個位置，從此跟那些掛滿廣告的站點徹底告別。
如果你也受夠了格式化個代碼還要先點擊三遍關(guān)閉廣告按鈕，不妨把它收藏到瀏覽器頂部的那一排快捷欄里。每次免去的煩躁，都算賺到。
特別聲明：以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺“網(wǎng)易號”用戶上傳并發(fā)布，本平臺僅提供信息存儲服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
