JavaScript 美化

JavaScript 美化

該工具美化 JavaScript 程式碼，添加適當的縮排、換行和一致的格式。貼上壓縮或格式不佳的 JS，即可取得乾淨、可讀的輸出。

操作在瀏覽器中本地執行。您的資料不會上傳或儲存在伺服器上。

使用方法

1. 將 JavaScript 程式碼貼上到輸入編輯器中。
2. 點擊美化 JavaScript來清理程式碼。
3. 美化後的 JavaScript 將以適當的縮排顯示在輸出編輯器中。
4. 使用複製複製到剪貼簿，下載儲存檔案，或清除重置。

什麼是 JavaScript 美化？

JavaScript 美化為 JS 程式碼添加縮排和換行，使其易於閱讀。壓縮的 JavaScript 移除了所有空白字元以減小檔案大小，但難以閱讀和除錯。

美化 JavaScript 對於除錯壓縮程式碼、檢視程式庫和理解不熟悉的程式碼至關重要。

輸入說明

該工具接受任何 JavaScript 輸入。美化器保留所有邏輯和功能——只改變空白和縮排以提高可讀性。

範例

壓縮的 JavaScript 美化後變得可讀：

--- 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 的圖片工具會用於探索，並在需要瀏覽器能力時返回網頁入口。