这是什么网站？
JoMatter 是一个在浏览器里使用的前端片段工具站，把 HTML、CSS 和 JavaScript 的格式化、压缩、结构检查和预览放在同一页。粘贴进去的代码在本机处理，站点写明不上传、也不要求注册。目录可以按语言、常用、最近打开和收藏来筛选。它适合改一段标记、看布局或在提交前扫语法，替代不了带工程配置的编辑器。站内另有 HTML 博客和 Write for Us 投稿页。
核心功能
- 按所选缩进整理 HTML、CSS 和 JavaScript，也可去掉空白与注释后再压缩。
- 标出未闭合标签、重复 id，以及 JavaScript 里无法解析的语法。
- 在沙箱中渲染 HTML，或运行脚本并查看控制台输出。
- 统计标签和标题大纲，并给出无障碍方面的提示。
- 用控件生成线性或径向渐变、Flex、Grid、阴影和圆角。
- 按名称、说明或别名搜索，收藏与最近打开只记在本机。
常见使用场景
- 改静态页的前端把挤成一行的 HTML 或 CSS 重新缩进，再复制或下载回文件。
- 调布局的人在 Flex、Grid、阴影或渐变写进样式表之前，先在预览里看效果。
- 交作业的学生用结构检查和语法检查确认标签是否闭合、脚本能否被解析。
- 不想把片段送到外部服务器的人，在本地压缩一段 JavaScript，或查看函数与声明的数量。
适合哪些用户？
- 经常手改 HTML、CSS 或 JavaScript 片段的前端和网页制作者。
- 需要马上看到标记渲染结果的学习者和自学者。
- 希望免注册，并且代码不离开当前浏览器的人。
- 不适合已经把格式化、检查和打包交给项目配置的团队；这里没有仓库、依赖安装，也不能多人同时改同一份工程。
与同类工具的对比？
先看手头是一段代码，还是一个工程。只格式化、压缩、检查或预览单个片段，并且希望计算发生在浏览器里，这个站点对得上。要同时打开多个文件、沿用仓库里的格式化与检查配置、打包资源，或和同事编辑同一分支，就该用编辑器或在线 IDE。JoMatter 的检查来自页面自带规则，例如标签是否闭合、id 是否重复、脚本能否解析，不会读取团队规范。样式面板给出可复制的 CSS，不会写回项目文件。
常见问题
Q: JoMatter 要注册吗？我贴进去的代码会上传吗？
A: 站点写明全部工具免费，不需要账号，也没有次数限制。格式化、压缩、校验、分析和预览都在浏览器里完成，粘贴内容不上传。收藏和最近使用保存在本机 localStorage。
Q: 这个站有哪些工具？
A: 一共 15 个，HTML、CSS、JavaScript 各 5 个。包括格式化、压缩、校验或语法检查、HTML 实时预览、代码分析，以及渐变、Flex 与 Grid、阴影和圆角生成器。JavaScript Playground 在沙箱里运行代码并显示控制台输出。
Q: 手机上能用吗？
A: 站点说明界面适用于手机、平板和桌面。较长代码和布局预览在宽屏上更方便操作。
