真重复指DOM节点本身重复，需用JavaScript按属性（如src、name、href）筛选并保留首个、删除其余；控制台命令可快速识别和清理，避免手动误删。
本地 HTML 文件里的重复项，不是指“内容看起来一样”，而是指 DOM 节点本身重复存在（比如多个 <script></script> 加载同一 JS、重复的 <meta name="viewport">、或手动复制粘贴导致的冗余 <div class="header">）。直接删错可能破坏结构，批量处理必须分清类型、选对方法。<h3>怎么识别哪些是真重复、哪些只是内容相似</h3>
<p>浏览器控制台一行命令就能筛出真正重复的标签或属性：</p>
<ul>
<li>查重复 <code><script></script> 标签（按 src）：
const scripts = document.querySelectorAll('script[src]'); const srcs = Array.from(scripts).map(s => s.src); const dupSrcs = [...new Set(srcs.filter((s, i) => srcs.indexOf(s) !== i))]; console.log('重复 script src:', dupSrcs);
name 属性（表单控件最危险）：Object.entries([...new Set(Array.from(document.querySelectorAll('[name]')).map(el => el.name))].reduce((a, n) => { a[n] = (a[n] || 0) + 1; return a; }, {})).filter(([,c]) => c > 1) 返回非空数组就说明有冲突<p>Hello</p> 和 <p>Hello </p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/skill10828" title="财经HTML高端海报生成"><img
src="https://img.php.cn/upload/skill/000/000/081/179336525482166.jpg" alt="财经HTML高端海报生成" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/skill10828" title="财经HTML高端海报生成">财经HTML高端海报生成</a>
<p>复杂得财经如何变成清晰，适合手机看的海报？如何加上你的IP</p>
</div>
<a href="/xiazai/skill10828" title="财经HTML高端海报生成" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>（带空格）DOM 上就是两个不同节点，但语义上可能算重复；这类得靠正则或工具后处理用 JavaScript 批量删 DOM 重复节点（不刷新页面）
适合开发调试阶段，在浏览器里快速清理。核心是：先归类，再留一删多，且避免索引偏移。
- 删所有重复的
<meta name="viewport">，只留第一个：const viewports = document.querySelectorAll('meta[name="viewport"]'); if (viewports.length > 1) { for (let i = viewports.length - 1; i > 0; i--) { viewports[i].remove(); } } - 删重复
<link rel="stylesheet">（按href去重）：const links = document.querySelectorAll('link[rel="stylesheet"][href]'); const seen = new Set(); links.forEach(link => { if (seen.has(link.href)) { link.remove(); } else { seen.add(link.href); } }); - 注意：不能用正向
for (let i = 0; i 配 <code>.remove()，否则会跳过节点；反向或用Set缓存更稳
导出 HTML 后用文本工具批量去重（推荐长期维护）
如果 HTML 是静态文件（如文档生成器输出、邮件模板、老 CMS 导出），直接编辑源码最彻底。VS Code 是首选，配合正则和多光标。
- 删所有重复的
<script src="xxx.js"></script>（保留首次出现）：
搜索：<script>]*><\/script>([\s\S]*?)<script\s+src="\1"[^>]*><\/script></script>
替换为：<script src="%241"></script>$2（需启用正则模式） - 删多余空行和嵌套空
<table>：<br>搜索：<code><table>\s*<tr>\s*<td>\s*\s*\s*<br>替换为空（注意：先确认这些 table 确实没样式依赖）<li>用 VS Code 的「在文件中查找」+「替换全部」，比写 JS 更快；但操作前务必备份原文件——正则误匹配没法撤销</li> <h3>为什么不能靠「全选复制粘贴」或「格式化工具」自动去重</h3> <p>HTML 格式化工具（如 Prettier、JSBeautify）只管缩进和换行，完全不识别语义重复。而人工全选粘贴会丢失注释、破坏条件注释（<code>
