跳到主内容
UniKit

CSS/JS清除

在浏览器本地删除 HTML 里的 style、script 代码块,可选去掉 style 属性与 onclick 等内联事件,输出干净 HTML 和 style/script/属性/字节统计,不联网、不上传。

浏览器本地运行所有计算都在你的浏览器里完成,数据不会离开本机。

HTML 源码
移除 style 属性删掉标签上的 style="…" 内联样式
移除内联事件删掉 onclick、onload 等 on* 属性
保留空白结构不压缩删块留下的空行,也不去掉首尾空白

清理结果

按 HTML 的 raw text 规则删除 style / script 块;不改动其它标签与文字。

粘贴 HTML 后即可看到清理结果

这个工具能做什么

  • 从别人发来的网页源码里删掉 style 与 script 代码块,只留下结构清晰的 HTML 骨架
  • 清理富文本编辑器粘贴出来的 style="…" 与 onclick 等内联属性,再贴进 CMS 或邮件模板
  • 用字节统计确认这次清理到底去掉了多少体积

示例

输入

<p style="color:red" onclick="go()">Hi</p>
<script>go()</script>

输出

<p>Hi</p>

默认同时移除 style / onclick 属性与 script 块;统计里 style 块 0、script 块 1、style 属性 1、内联事件 1。

常见问题

它是 HTML 美化器或格式化工具吗?

不是。它只做删除:整块删掉 style / script,按开关删掉 style 与 on* 属性,其余标签、属性顺序和文字原样保留。它不会重排缩进、不会补全或修正标签、不做语法校验。默认只额外压缩删块留下的空行并去掉首尾空白,想要逐字节保留空白就打开「保留空白结构」。

能当 XSS 净化(sanitizer)用吗?

不能,也不该这么用。它按 HTML 的 raw text 规则做文本级删除,不解析 CSS / JS 内容,不处理 href="javascript:"、data: URL、SVG / MathML 里的脚本、实体编码或各种混淆写法。要防 XSS 请用成熟的净化库(例如 DOMPurify)做标签与属性白名单,并在服务端再校验一次。

哪些写法识别不了,会怎么处理?

注释 <!-- --> 里的 <script> 会被当成注释文本原样保留;JS 字符串里出现的 "</script>" 会按浏览器规则提前结束脚本块(剩下的部分成为普通文本);<script /> 自闭合写法按空元素处理,只删标签本身(HTML 标准其实把它当开始标签);属性值里的 <script> 不会被删;孤立的 </script>、</style> 会被删掉但不计入块数。

遇到没闭合的标签会怎样?

没闭合的 <script>、<style>、HTML 注释,以及引号没闭合的标签,都会直接报错并给出原因,而不是猜一个范围删掉一半内容。补上对应的结束标签或引号即可。

统计里的字节和百分比怎么算?

字节按 UTF-8 计算(一个中文字符算 3 字节),百分比 = 减少的字节数 ÷ 输入字节数,保留 1 位小数。统计只反映本次文本变化,不代表压缩后能省下多少网络传输。

关键词:CSS/JS清除移除script标签删除style标签内联事件属性清理HTML去脚本remove script tagsstrip inline csstrim-css-js

同类工具