这是什么网站？
Jomatter 是一个在浏览器里处理 HTML、CSS 和 JavaScript 片段的在线工具站。首页放着 15 个工具，三种语言各 5 个，用来整理缩进、去掉空白和注释、检查标签或语法、做沙箱预览，也能可视化调节渐变、弹性布局和阴影。站点写明这些处理在本地浏览器完成，代码不会发到服务器，也不需要注册。
核心功能
- 自动缩进并整理 HTML、CSS 或 JavaScript 源码。
- 去掉空白和注释，压缩这三种语言的代码文本。
- 标出未闭合标签、重复 ID，以及 JavaScript 语法错误。
- 在沙箱框架里预览 HTML，或运行脚本并显示控制台输出。
- 统计 HTML 标签数量和标题大纲，并给出无障碍方面的提示。
- 可视化调节 CSS 渐变、Flexbox 与 Grid、阴影和圆角。
常见使用场景
- 前端拿到挤在一行里的 HTML 时，先做缩进整理，再用沙箱里的实时预览看渲染结果。
- 写页面样式时，在渐变、阴影或 Flex/Grid 面板里调出效果，再把生成的 CSS 拷回自己的文件。
- 把片段贴进页面前，用压缩工具去掉 HTML、CSS 或 JavaScript 里的空白和注释。
- 改 HTML 结构时，用检查器看未闭合标签和重复 ID；改脚本时，用语法检查看报错位置。
- 代码不便上传到别人的服务器时，在自己的浏览器里完成格式化、校验和预览。
适合哪些用户？
- 经常手改静态页面、一次只处理一段代码的前端和网页制作者。
- 不想注册，只想在浏览器里看预览和控制台输出的学习者。
- 需要试一段渐变、圆角或网格布局，然后复制 CSS 的人。
- 已经用完整编辑器、构建工具和调试器维护项目仓库的团队，帮助有限。
- 需要云端保存、版本对比，或多人同时改同一份代码时，它接不住。
与同类工具的对比？
公开资料里没有可引用的排名或竞品评测。差别主要在工作方式：相对本地编辑器，Jomatter 打开页面就能处理单段代码，但没有工程依赖、断点调试和构建步骤；相对会把代码传到服务器的在线格式化网站，它写明处理留在浏览器里，最近使用和收藏也只存在本机。三种语言的格式化、压缩、检查和预览可以在同一页完成。它不是项目级的在线 IDE。
常见问题
Q: Jomatter 要登录吗，粘贴的代码会上传吗？
A: 不用登录。站点写明全部工具免费，且没有使用次数限制；格式化、压缩、校验、分析和预览都在浏览器内运行，代码不会离开浏览器。最近使用和收藏只保存在本机的 local storage。
Q: 能不能在 Jomatter 里把 HTML、CSS 和 JavaScript 放在一起写完并测试？
A: 三种语言要分开处理，每种 5 个工具。HTML 有沙箱实时预览，JavaScript Playground 会在沙箱里运行并显示控制台。它不会把三者收成一个带文件系统的在线项目。
Q: 手机上能用 Jomatter 吗？
A: 站点写明界面适用于手机、平板和桌面。短片段可以在手机上格式化或预览；长代码和布局微调在小屏幕上会比较挤。
Q: Jomatter 的博客是这套工具的说明书吗？
A: 不是。博客目前主要是 HTML 写法、图文排列和接入 WordPress 的教程，并不是这 15 个工具的操作手册。工具入口集中在首页。
