HTML Prettify & Minify - 免费在线格式化 HTML
通过适当的缩进美化凌乱的 HTML,或者缩小到一行。放一个.html文件或粘贴,然后复制或下载清理后的标记。
输入HTML
格式化输出
关于HTML Prettify
由js-beautify驱动,完全运行在浏览器中。Prettify 模式将标签重新格式化为其自身行,并保持一致的缩进;最小化模式会去除注释并压缩空白空间,以处理最小的负载。
Frequently Asked Questions
粘贴任何 HTML——即使是构建管道中单行最小化的输出——工具都会用正确的缩进、每行一个标签和一致的空白来重新格式化。选择2、4或8格缩进。输出内容可以直接放进编辑器或粘贴到代码审查注释中。
usagePrettify 扩展了 HTML 以提升可读性:每个标签单独行,嵌套子节点缩进,部分之间保留空白行。Minify 会剔除注释,折叠空白,并去除换行,使文件以更少字节形式发布。用 Prettify 进行编辑和审核,Minify 用于生产部署。
features不——js-beautify(底层引擎)检测脚本和样式块,并用适当的 JS 或 CSS 规则格式化其内容,确保内嵌脚本有效,样式表保持可读性。自闭标签、空位元素和命名空格属性(svg:xmlns,xlink:href)均被正确处理。
technical它能很好地处理普通HTML和类似HTML的模板,但纯JSX(大括号表达式、片段、大写组件标签)会被解析为HTML,可能会发现一些小的美观问题。对于针对特定框架的代码,我们推荐根据你的方言配置为 Prettier;对于原始 HTML、.htm 和模板文件,我们的工具非常合适。
features没有上传。该格式化器完全运行在浏览器中,使用 js-beautify,因此您可以安全地粘贴内部页面模板、草稿邮件或包含私密数据的 HTML,而设备内的任何内容都不会离开。
privacyMinify 会剔除 HTML 评论,将标签间的空白区压缩为单一空格,并移除换行。结果是字节相同的渲染 HTML,通常会小 10-30%。结合服务器上的 gzip,这在内容密集的页面上明显减轻了初始页面的重量。
technical是的——点击下载,将漂亮的输出保存为output.html或压缩后的输出为output.min.html。该文件采用 UTF-8 编码,因此无论是英文、西里尔字母、中日韩文字还是从右到左的内容都能很好地使用。
tips它是一个小型的浏览器专用工具——零托管费用——所以我们作为开发者工具包的一部分免费提供。没有广告,输出没有追踪,文件大小也没有超出浏览器内存容量的限制。
pricingUse Cases
邮件模板清理
营销邮件的HTML通常以一个缩小的整体形式从ESP发送。美化它以检查结构,找到那根破损的桌子柱,修补一个拼写错误,然后再发下一封。
CMS内容迁移
从一个CMS导出并导入到另一个CMS通常涉及移动HTML。Prettify使差异可读,Minify缩小负载,两种模式都保持内容的忠实度。
网页爬取输出
从网站抓取的原始HTML如果没有格式化是无法阅读的。把输出做漂亮化,找到你需要的CSS选择器,然后为你的爬虫写提取规则。
静态站点优化
在部署前,先从静态站点生成器生成的 HTML 进行最小化。在 gzip 基础上,文件大小减少了 10-30% ——在内容密集页面上,首次绘制时间有明显提升。
文档摘要
在将HTML示例粘贴到文档、博客文章或README文件中时,先美化,让读者能跟上结构。把压缩版留到“生产产出”比较时再说。
JSX 重构辅助工具
在将一块HTML转换成JSX之前,先美化它,让转换脚本看到一个干净的树。这样可以省去在React/Vue迁移时手动重排的过程。
Pixoate