跳到主要內容
{}DevSexy

線上開發者工具箱

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

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

DevSexy Mac 版

讓工具成為肌肉記憶,保持工作節奏。

把 35 款工具放到 Mac 上,快捷鍵直達、離線可用,輸入始終留在本機。

了解 Mac 版

免費 15 天 · 無需信用卡

從具體工作開始

驗證並格式化 JSON 資料

定位語法錯誤、檢查巢狀值;含註解的設定檔需明確開啟 JSONC。

比對一次設定檔修改

先依行查看完整變更,再依字元定位標點或不可見差異。

核對秒與毫秒時間戳記

轉換已知時刻,檢查數字奈秒輸入保留的餘數。

檢查 URL 重複查詢參數

保留重複鍵,區分空白、字面加號與相對連結。

解碼 JWT 並驗證測試簽章

對照可讀宣告與明確的演算法、金鑰、簽發者、受眾和時鐘檢查。

用 Mac 快捷鍵重複這些工作

經常處理本機資料時,可透過 Option 快捷鍵開啟 Mac 工具,也能離線使用。

從一個完整的開發任務開始

YAML / TOML 格式化與轉換

在瀏覽器本機格式化、驗證 YAML 與 TOML,轉成 JSON、YAML 或 TOML,並在匯出前檢查型別與註解等轉換損失。

CSV、JSON 與 Markdown 表格轉換

在瀏覽器 Worker 內互轉 CSV、TSV、JSON 記錄陣列與 Markdown 表格,並明確控制欄名列、型別與跳脫規則。

cURL 與 HTTP 請求轉換工具

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

正規表示式線上測試

使用目前瀏覽器的 JavaScript RegExp 測試比對,檢查捕獲群組、indices 與替換結果,並可設定 Worker 逾時。

APK/AAB/IPA 建置檔檢視器

在瀏覽器本機檢視 APK、AAB 與 IPA 的 ZIP entry、分類大小、Android ABI、AAB 頂層路徑,以及有限的 IPA XML Info.plist 識別資訊。

Hash / HMAC / 檔案雜湊校驗

在瀏覽器本機計算文字或檔案摘要、產生 HMAC,並比對完整的預期校驗值。

在 DevSexy Mac 應用程式中重複處理

反覆處理本機資料時,可透過 Option 快捷鍵開啟原生應用程式,離線使用工具。

資料與格式

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 預覽、位元組與設定明細逐項檢查結果。

範例 · 移除註解並保留 viewBox

TypeScript/TSX 程式碼格式化

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

範例 · 格式化介面與帶型別物件

HTML/SVG 轉 JSX/TSX 工具

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

範例 · 轉換 class 與 for 屬性

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 款瀏覽器工具都能直接使用,沒有付費牆或試用次數限制,也不會要求先建立帳號。