DevKit源码

HTML / CSS / JS 格式化

HTML、CSS、JavaScript 源码格式化与缩进配置。

⌘/Ctrl + Enter 执行
缩进
换行
属性换行
保留空行
未执行HTML自实现保守格式化器
HTML 输入
字符 0字节 0行 0
格式化结果
字符 0字节 0行 0
格式化规则(保守策略:宁可少改,不可改坏)

仅重排空白与缩进,不改变标签、属性、文本内容与字符编码;HTML 不做标签闭合修复,CSS 不做属性合并,JS 不执行也不做压缩混淆。改选项后需重新点击「格式化」。

通用选项

  • 换行:输出使用 LF 或 CRLF;保留空行:保留源码中的连续空行( 时)。
  • 属性换行「每行一个」仅对 HTML 生效:把开标签的每个属性单独成行并缩进一级;CSS / JS 无属性概念,该选项置灰。
  • 导入文件:从本地 .html/.css/.js 等文本文件读入;内容只在浏览器内存中处理,不上传。

HTML

  • 开标签缩进 +1、闭标签 -1;void 元素(br / img / input 等)与自闭合标签不增加缩进。
  • <pre> / <textarea> / <script> / <style> 内容原样保留;跨行文本保持行结构。
  • 纯文本短内容(如 <span>行内</span>)保持单行;开启属性换行后开标签一律展开。
  • 标签不配对时报「第 N 行:<div> 未闭合」并保留输入,可用「定位第 N 行」跳到出错行。

CSS

  • 选择器后 { 换行并 +1 缩进,} 对齐回退;每条声明一行;@media 嵌套按深度缩进。
  • 字符串与注释原样保留;括号不配对报「第 N 行:“{” 未闭合」。

JS

  • 括号深度保守缩进;状态机跳过单/双引号字符串、模板字符串(含 ${} 嵌套)、///* */ 注释、正则字面量(= ( , [ : 后的 / 视为正则起点),防止字符串里的 {} 干扰计数。
  • } else { / }); / do…while 保持同行;对象字面量成员按行展开。
  • 本工具仅格式化源码文本,不执行 JS,也不是压缩 / 混淆工具。

什么时候用「HTML / CSS / JS 格式化」

复制来的压缩 HTML、CSS 或 JS 挤成一团,需要先格式化再读。

使用要点

  • 三种语言都支持,缩进方式可配置。
  • 只做排版,不执行脚本。
  • 读第三方页面片段、模板或压缩样式时很好用。

相关工具

HTML / CSS / JS 格式化与其他 44 个工具一样,全部计算都在你的浏览器里完成:输入、密钥与文件不会发送到服务器,页面首次加载后可离线使用。