有时候我们从网页上复制下来的内容,粘到别的地方会带着一堆看不见的 HTML 标签、样式、脚本,又乱又占地方。做数据抓取、整理资料、写文章的时候,往往只想要里面的文字,不想要那些花里胡哨的代码。这个小工具就是帮你做这件事的——把 HTML 扔进去,它按你定的规则清理一遍,把不需要的东西去掉,只留下你想要的。
主要功能
两种方式输入
最上面一块是输入区,支持两种方式:一是把文件直接拖进来,支持 .html、.htm、.txt、.xml 格式;二是点击那个区域或点下面的"打开本地文件"按钮选文件。当然,也可以直接在下面的输入框里粘贴 HTML 代码。拖进来的文件会显示文件名和大小。
五种过滤规则
中间一块是规则配置,有五个选项:
提取纯文本(去除所有标签):把所有 HTML 标签都去掉,只留文字。这个勾上之后,属性过滤会自动取消,因为没标签就没属性了。
过滤属性(按白名单排除):标签保留,但标签里的属性只留白名单里允许的那些。这个和上面那个互斥,勾这个上面那个会自动取消。
清理 <script>/<style> 标签:把脚本和样式整块删掉,这是默认勾上的。
去除空白行:把连续的空行去掉,让结果更紧凑。
去除首尾空格:每行前后的空格去掉。
属性白名单
选了"过滤属性"之后,下面会显示一排属性名让你勾:src、alt、href、title、id、class、style、data-*、target。勾上的属性会保留,没勾的会被清掉。比如你只想留图片的 src 和文字,就把其他的取消勾选。
实时统计
输入区旁边显示当前有多少字符、多少行,边打字边更新。
清洗结果统计
清洗完之后,下面会列出一排统计:
原始字符总数:清洗前有多少字符
过滤后字符数:清洗后有多少字符,用绿色标出来
原始行数:清洗前多少行
过滤后行数:清洗后多少行,也是绿色
压缩率:去掉了百分之多少,比如 65.3%
操作状态:显示"清洗完成"或"待处理"
每一项右边都有"复制"按钮,点一下把这个数字复制走。
状态指示灯
顶部的状态条有个小圆点,用颜色表示当前状态:灰色是就绪,绿色是正常/完成,黄色是提醒,红色是出错。旁边还有一行文字说明当前在干什么。
复制结果
点"复制过滤结果",清洗后的内容整个复制到剪贴板,粘到哪儿都行。
清空
点"清空全部",输入输出、文件、统计全清掉,回到初始状态。
适合谁用
做数据抓取、整理网页内容的人,抓下来的 HTML 又乱又大,用它能提取出纯文字;做内容编辑、写文章的人,从网页复制的内容带一堆格式,清洗一下干净多了;做开发、处理邮件模板的人,可以按白名单保留需要的属性,去掉多余的;学习 HTML 的人,可以拿一段源码清洗看看,直观理解标签和属性的作用。
用起来什么感觉
界面分三大块:上面是输入区,中间是规则和统计,下面是操作按钮。输入区有个深色的拖放框,把文件拖进去就行。规则用一排小卡片,勾选起来清楚。统计用两列排列,原数和新数对比着看,压缩率一眼就知道省了多少。处理过程在浏览器本地完成,不上传服务器,数据安全。手机上是单列排布,按钮大,手指点着方便。不需要安装,打开网页就能使,用完关掉就行。