JavaScript 美化

將緊湊的 JavaScript 格式化為瀏覽器中可讀取的原始程式碼。

輸入
輸出
0 字元 0 行

使 JavaScript 可讀，無需重寫邏輯

JavaScript 美化 將緊湊或混亂的 JavaScript 擴展為可讀的區塊、語句和表達式。 它有助於檢查縮小的程式碼片段、偵錯複製的程式碼、檢查產生的腳本或準備範例。

美化改變空白和換行符；它不會對重新命名的變數進行反混淆、恢復原始註解、推斷 TypeScript 類型或保證已損壞的程式碼變得有效。

使用方法

  1. 將 JavaScript 程式碼貼到輸入編輯器中。
  2. 點選 美化 JavaScript 來重排語句和區塊。
  3. 檢查輸出中保留的字串、註解和運行時敏感語法。
  4. 使用 複製 作為剪貼簿，使用 下載 作為文件，或使用 清除 進行重置。

什麼是JavaScript美容儀？

JavaScript 美化 是一個基於瀏覽器的實用程序，用於重新格式化 JavaScript，以便控制流程、函數、物件、陣列和鍊式呼叫更易於閱讀。

格式化的目的是保留行為，但 JavaScript 在自動分號插入、指令、正規表示式和範本文字方面存在邊緣情況。重新格式化後測試重要程式碼。

輸入說明

貼上普通 JavaScript，而不是 HTML <script> 標籤，除非該工具旨在將它們作為文字處理。對於 JSX、TypeScript 或框架模板，請使用普通解析器確認輸出。

範例

緊湊的函數被重排為更具可讀性的區塊：

--- Minified Input ---
function hello(name){console.log("Hello, "+name+"!");}

--- Beautified Output ---
function hello(name) {
  console.log("Hello, " + name + "!");
}

MCP 整合

MCP（Model Context Protocol，模型上下文協議）讓 AI 代理和應用可以探索並呼叫 Coding.Tools 工具，用於可重複的轉換、格式化、雜湊和產生工作流程。

MCP 工具名稱: javascript-beautifier

MCP 端點: https://coding.tools/mcp

請先呼叫 tools/list。每個工具項目都包含 inputSchema、outputSchema 和 examples，AI 代理或客戶端可據此建立有效參數，不需要猜測。

呼叫 tools/call 後，result.content[0].text 是顯示用結果，result.structuredContent 是適合程式解析的結構化結果。工具層級失敗會回傳 isError: true；協議層級失敗會回傳 JSON-RPC error。

tools/call 請求範例：

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"javascript-beautifier","arguments":{"input":"function total(items){return items.reduce((sum,item)=>sum+item.price,0);}"}}}'

大多數文字與資料工具接受 input 字串以及可選的 options。只依賴瀏覽器圖片 API 的圖片工具會用於探索，並在需要瀏覽器能力時返回網頁入口。