CSS/JS清除
在浏览器本地删除 HTML 里的 style、script 代码块,可选去掉 style 属性与 onclick 等内联事件,输出干净 HTML 和 style/script/属性/字节统计,不联网、不上传。
浏览器本地运行所有计算都在你的浏览器里完成,数据不会离开本机。
清理结果
按 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