JavaScript / CSS 格式化
格式化 JavaScript、CSS 源代码
特点
JS、CSS 双支持格式化
通过标签页切换分别格式化 JavaScript 和 CSS
可选 4 种缩进宽度
支持 2 空格、4 空格、制表符、压缩
可选括号样式
在 JS 中指定起始括号位于同一行或换行后
采用 Prettier 稳定可靠
依托知名格式化库输出稳定的结果
使用方法
1
选择语言标签页
切换 JavaScript 或 CSS 标签页指定对象
2
粘贴代码
在输入框中输入要格式化的源代码
3
设置样式
按喜好选择缩进宽度和括号样式
4
执行格式化
点击格式化按钮显示结果，可复制或保存
使用场景
代码审查前的格式化
将杂乱的代码整理为统一样式，使审查更顺畅
压缩代码的可读化
展开压缩过的代码以解读其内容
交付代码的压缩
用压缩选项缩减发布用文件的大小
学习示例的整理
将复制来的代码整理得更易读，辅助理解
基础知识
代码格式化（Prettier）是什么
代码格式化是指在不改变代码功能的前提下，按照一定规则统一缩进、换行、括号位置等代码外观的过程。当代码风格保持一致后，多人开发时的代码差异变得容易理解，审查负担也会减少。
Prettier 是什么
Prettier 是一个在全球范围内广泛用于 JavaScript 和 CSS 代码格式化的工具，其设计思想是通过「将细节问题交给工具处理」来实现代码风格的统一。
安全性与隐私
浏览器内完成
输入数据仅在您的浏览器内处理，不会发送至外部。
仅在浏览器内处理
代码格式化完全在您的浏览器内进行，输入数据不会发送到服务器。
通信采用HTTPS加密
页面加载也通过TLS加密，第三方无法读取内容。
不向第三方发送
不向广告网络、跟踪器等外部服务发送输入内容。
结果不自动保存
格式化结果和输入建议不会保存到服务器。
在Google搜索中关注RAKKOTOOLS
175个实用工具，在Google搜索和AI搜索中更容易找到！
- 在搜索中找到
- 在AI搜索中也显示
- 发现新工具
更新信息
- update #216
修复部分工具在非日语页面显示日语文本的问题