WMW

JS/CSS格式化工具

Free

将压缩或缩进不一致的 JavaScript 或 CSS 重新格式化为可读、缩进正确的代码,支持可调节的缩进风格及前后大小统计。

完全在您的浏览器中运行。您的代码不会上传到任何地方。

评论 (0)

觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。

访客评论在发布前会经过审核。 登录 即可立即发布。

暂无评论,快来抢沙发分享您的想法吧!

此工具的功能

粘贴压缩或缩进混乱的 JavaScript 或 CSS,选择一种缩进风格,此工具会将其重新格式化为缩进和换行一致的可读代码。

工作原理

此工具会将您的代码解析为词法单元(关键字、括号、运算符、字符串),然后根据嵌套深度用新的换行和缩进重新输出这些词法单元,分别对 JavaScript 和 CSS 使用开源的 js-beautify 引擎。底层的词法单元及其顺序永远不会改变,只会改变它们周围的空白。

解决的问题

常见问题

›这个工具也会压缩代码吗?

不会,此工具只通过添加适当的缩进和换行来格式化(美化)代码。如果您需要通过删除空白来缩小代码体积,请改用专门的压缩工具。

›格式化会改变我的代码的行为吗?

不会。格式化只会改变空白、缩进和换行,绝不会改变标识符、逻辑或字符串内容,因此格式化后的代码行为与原始代码完全相同。

›为什么我的 JavaScript 在格式化后看起来不对?

如果输入存在语法错误(未闭合的括号、多余的逗号、将无效 JSON 当作 JS 使用等),格式化工具可能会误读结构。请检查浏览器控制台或使用 JavaScript 语法检查工具找出具体的语法问题,修复后再重新格式化。

›我可以用它格式化 SCSS 或 LESS 吗?

基本的 SCSS 和 LESS 语法(嵌套、变量、注释)通常能格式化得不错,因为它们仍然类似于 CSS,但预处理器特有的功能(如混入或函数)并不会被专门识别,可能无法完美地重新格式化。

›为什么要选择用 Tab 而不是空格来缩进?

这纯粹是风格偏好,在 JavaScript 和 CSS 中两者功能上完全相同。选择与您项目现有风格指南或编辑器配置相匹配的那种即可。

相关工具