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 的图片工具会用于发现,并在需要浏览器能力时返回网页入口。