什么是HTML / CSS / JavaScript 格式化？
HTML、CSS 与 JavaScript 格式化使用 Prettier 的对应解析器，把压缩、缩进混乱或风格不一致的代码重新打印成稳定格式。页面可选择语言、两格或四格缩进以及 JavaScript 分号选项；输入只参与语法解析和打印，不会作为网页或脚本执行。常见使用场景包括：整理复制自日志、接口或构建产物的前端代码片段。；在代码评审前统一 HTML、CSS 和 JavaScript 排版。；通过明确的解析错误定位括号、标签或声明结构问题。页面同时列出输入边界、输出规则和限制，便于在复制结果或投入实际流程前核对格式、语义与安全注意事项。
适用场景
- 整理复制自日志、接口或构建产物的前端代码片段。
- 在代码评审前统一 HTML、CSS 和 JavaScript 排版。
- 通过明确的解析错误定位括号、标签或声明结构问题。
使用方法
- 选择 HTML、CSS 或 JavaScript。
- 粘贴代码并设置缩进与分号选项。
- 格式化、检查语法错误并复制结果。
- 先使用页面提供的复杂示例验证当前选项和运行方向，再替换为自己的数据。
- 检查输出区、状态提示和限制说明，确认结果符合预期后再复制、下载或继续处理。
可运行示例
工作区中的“示例 1”和“示例 2”按钮会载入对应内容。两个示例覆盖不同结构、方向或边界，可以直接运行并观察输出与状态提示。
示例 1
const release={site:'JSONLane',tools:[21,22,23],checks:{unit:true,e2e:true}};console.log(release)示例 2
<main><section class="tools"><h1>JSONLane</h1><p>Local tools</p></section></main>输入规则
- 必须先选择与输入匹配的 HTML、CSS 或 JavaScript 解析器。
- 输入需要在所选语言下语法可解析，模板方言或厂商扩展可能失败。
- 页面字符上限在格式化前检查，代码不会被执行。
- 文本输入在运行前按字符计数，当前页面上限为 500,000；文件类功能另按页面显示的文件上限执行。
- 必须能被所选解析器正确解析。
输出规则
- 输出由 Prettier 根据语法树重新打印，而非简单插入空格。
- 缩进宽度和 JavaScript 分号遵循当前选项，其他风格采用解析器默认值。
- 注释通常保留但位置可能调整；格式化成功不证明逻辑正确或安全。
- 输出只反映当前输入、方向和选项；切换模式或修改输入后应重新运行，不应把旧结果当成新结果。
- 注释通常保留，但位置可能调整。
限制与注意事项
- 必须能被所选解析器正确解析。
- 注释通常保留，但位置可能调整。
- 格式化不能证明代码逻辑正确或安全。
数据处理说明
代码文本与 Prettier 解析器都在当前浏览器中运行，输入不会上传、执行、请求依赖或写入项目文件。关闭或刷新页面后，本工具不会保留本次数据。