跳到主要內容
{}DevSexy

線上開發者工具箱

每個任務,都有一個剛剛好的工具。

瀏覽 35 款為日常開發打造的線上工具。所有處理都在目前的瀏覽器本機完成,資料不用上傳,也不用登入。

資料與格式

Web 開發

HTML 格式化與壓縮工具

使用 parser-aware formatter 整理 HTML 文件或片段,顯示標籤巢狀結構,並以保守設定壓縮空白與一般註解。

HAR 檔案分析與敏感資訊遮蔽

在瀏覽器本機整理 HAR 請求摘要與時間軸,並在分享前產生遮蔽常見認證欄位的副本。

cURL 與 HTTP 請求轉換工具

在瀏覽器本機解析 cURL 或原始 HTTP 請求,檢查正規化結果,再產生 fetch、Python requests、Node.js 或 Swift URLSession 程式碼。

SCSS 格式化工具

在瀏覽器本機使用固定的 SCSS parser 整理變數、巢狀規則、mixin 與模組語法;只重新排版 .scss,不編譯成 CSS。

LESS 程式碼格式化工具

在瀏覽器本機整理 LESS 變數、mixin、巢狀選擇器與規則;只重新排版,不編譯或產生 CSS。

CSS 色碼與色彩空間轉換器

轉換 HEX、RGB、HSL、OKLCH 與 Display P3 等 CSS 顏色,檢視色域映射、sRGB fallback,並計算 Alpha 合成後的 WCAG 對比。

CSS 格式化、美化與壓縮工具

在瀏覽器本機格式化、檢查或壓縮 CSS,並清楚區分保守壓縮與 CSSO 結構重整。

JavaScript 格式化與壓縮工具

在瀏覽器本機以 Prettier 整理 JavaScript,或用 Terser 壓縮並重新命名區域變數;只解析與改寫原始碼,不會執行。

SVG 壓縮與最佳化工具

以 SVGO 縮減 SVG markup,透過 Before/After 預覽、位元組與設定明細逐項檢查結果。

TypeScript/TSX 程式碼格式化

使用 Prettier 在瀏覽器本機整理 TypeScript 與 TSX 的縮排、換行與空白;可指定 TS、TSX,或以 JSX 片段啟發式選擇語法。

HTML/SVG 轉 JSX/TSX 工具

在瀏覽器本機改寫常見 HTML/SVG attribute 與簡單 inline style,輸出 Fragment、JSX component 或 TSX component 骨架。

URL 解析與查詢參數編輯工具

拆解、編碼、解碼、正規化或解析 URL,並比較原始輸入與 WHATWG 平台序列化結果。

安全

文字

行動開發

系統工具

35 款工具,開啟就能用

從 JSON 格式化、Base64 編解碼到憑證檢查與文字比對,把開發中的零碎任務留在瀏覽器裡完成。

免費使用 35 款線上開發者工具,涵蓋 JSON 格式化、程式碼格式化、Base64 編解碼、JWT、文字比對、時間戳與資料轉換;全部在瀏覽器本機執行,免上傳、免登入。

關於 DevSexy 線上開發者工具

DevSexy 提供哪些線上開發者工具?
DevSexy 提供 35 款專用工具,涵蓋 JSON、YAML、XML 等資料格式,也包含程式碼格式化、Base64、JWT、雜湊、正規表示式、文字比對、時間戳、憑證與行動應用資源等常見開發工作。
貼上的程式碼、Token 或檔案會上傳嗎?
不會。工具會在目前的瀏覽器本機執行,輸入內容不需要傳送到 DevSexy 伺服器,適合處理 API 回應、JWT、設定片段與其他不希望離開裝置的資料。
使用這些開發工具需要註冊或登入嗎?
不需要。免註冊、免登入,也不用安裝額外套件;開啟工具頁即可貼上、檢查、格式化、轉換或匯出結果。
DevSexy 的 35 款瀏覽器工具都能免費使用嗎?
可以。目錄中的 35 款瀏覽器工具都能直接使用,沒有付費牆或試用次數限制,也不會要求先建立帳號。
DevSexy 會在瀏覽器中處理工具輸入:不追蹤貼上的內容、不需帳號,也不會上傳。