BrowserDevTools

從不上傳你檔案的開發者工具

這裡的每個工具都完全在你的瀏覽器中執行。免註冊、沒有付費牆、不經過伺服器——打開頁面、貼上輸入、拿走結果。專為一般轉換器網站處理得很差的工作流程而打造:批次操作、真正的解析,以及能直接貼進 Vue 3 專案的程式碼。

現已可用

SVG 轉 Vue 元件

貼上 SVG,取得 Vue 3 SFC——具備 props 傳遞、currentColor 佈景主題與 id 前綴。

程式碼產生

JWT 批次解碼器

一次解碼數十個 JWT——header、payload、exp/nbf 掃描、CSV 匯出。token 永遠不會離開瀏覽器。

安全與金鑰

Favicon 與 App 圖示產生器

丟一張圖進去,整組圖示出來:favicon.ico、各種尺寸 PNG、apple-touch-icon、maskable 圖示、site.webmanifest,以及可直接複製的標記。

圖片

OpenAPI 轉 Vue 3

貼上 OpenAPI 或 Swagger 規格,取得有型別的 Vue 3 composable 與 SFC 元件——不需要 CLI、不需要安裝、不上傳任何東西。

程式碼產生

PDF 轉圖片轉換器

用你選的 DPI 把 PDF 頁面轉成 PNG 或 JPEG——可選全部頁面、像 1-3,7 的範圍,或奇數/偶數頁。檔案永遠不會離開你的瀏覽器。

文件

Vite .env 檢查器

把 .env 與 .env.example 比對:缺少、多餘、空值、重複鍵,以及你不小心暴露給客戶端的密鑰。

資料與設定

從範例產生正規表達式

貼上你的文字與想命中的部分——取得排序過的正規表達式候選,每一個都會先拿你自己的文字驗證過才提出。

資料與設定

圖片格式轉換器

在 PNG、JPEG 與 WebP 之間任意方向互轉——批次、調整尺寸、品質、ZIP。解碼與編碼都在你的瀏覽器內完成。

圖片

編碼/解碼工具箱

Base64、Base64URL、URL、HTML 實體、hex、binary、\uXXXX 跳脫序列、ROT13 與命名風格——批次處理,每一步都附上對應的命令列。

安全與金鑰

密碼學工具箱

SHA-1/256/384/512、MD5、HMAC、CRC32、檔案雜湊、AES-GCM、密碼強度與 TOTP——離線、在同一頁完成,每一步都附上對應的命令列。

安全與金鑰

資料格式工具箱

格式化、驗證與轉換 JSON、YAML、XML 與 TOML——保留其他格式化工具丟掉的註解,並把錯誤定位到行。

資料與設定

打包產物預算分析器

拖入你的 dist 資料夾:每個 chunk 的體積、真實 gzip、進入點與延遲載入的區分,以及哪個 chunk 超出預算——完全不必上傳你的建置產物。

程式碼產生

Vite 設定檔產生器

勾選專案需要的項目,就能拿到一份乾淨的 vite.config.ts——別名、含改寫與 ws 的開發代理、建置目標、manual chunk——外加安裝指令。

程式碼產生

Vite 設定健檢

貼上 vite.config.ts 與 package.json:被 import 了卻從未安裝的外掛、沒有用 JSON.stringify 包成字串的 define 值、空的 envPrefix、es5 目標——在建置跑起來之前就找出來。

程式碼產生

待開發(2)

排序依據是關鍵字研究,不是我們的熱情。每一項在搜尋結果頁中都有經過驗證的缺口。

架構上就私有

沒有後端。解析、轉換與產生全部都在你的瀏覽器分頁裡完成。

批次優先

真實專案有數百個檔案,不是一個。在需要的地方,工具接受整個資料夾並回傳 ZIP。

熟悉 Vue 3

程式碼產生器以 <script setup> 與 composables 為目標,不只是 TypeScript 型別。