VS Code全局替换最快但仅适用于纯文本场景；涉及属性、JSON或语义需用BeautifulSoup（安全改文案）或DOMParser（浏览器内动态替换），三者适用边界明确。
直接用 VS Code 的 Ctrl+Shift+H（macOS 为 Cmd+Shift+H）全局替换，是最快落地的方式——但仅限纯文本、无嵌套、不跨属性的场景；一旦涉及 src、data-sku-id、JSON 结构或需保留下文语义，就必须切到 DOM 解析方案，否则改完页面就崩。
VS Code 全局替换：快，但只适合“能一眼看穿”的内容
它本质是字符串查找替换，不是 HTML 解析器。能安全操作的前提很窄：
- 目标文本只出现在可见内容中，比如所有
<h1>iPhone 14</h1>→<h1>iPhone 15</h1>，且确认iPhone 14不在alt、title、data-desc或 JS 字符串里 - 要换的是完整标签片段，如把
<div class="price">¥5999</div>统一替成<span class="price-new">¥6999</span>，且该字符串在项目中完全一致（空格、换行、引号类型都不能有差异） - 类名或 ID 替换时启用正则，用
(\sclass\s*=\s*["'])(old-class)(["'])捕获并替换为$1new-class$3，可保留引号和空格格式
容易踩的坑：Ctrl+Shift+H 默认不识别文件编码，GBK 或带 BOM 的 UTF-8 文件可能乱码；正则里没转义 .、*、? 会匹配失控；没点“预览”就点“全部替换”，可能误改 <script></script> 里的价格字符串或注释。
BeautifulSoup 改文字：安全，但不动属性和结构
当你只想换用户看到的文案，又怕误伤标签、JS 或属性值，BeautifulSoup 是最稳的选择。它只遍历 string=True 的文本节点，天然跳过 <script></script>、<style></style> 和注释。
立即学习“前端免费学习笔记（深入）”；
- 安装只需
pip install beautifulsoup4 - 核心逻辑：打开文件 →
BeautifulSoup(html, "html.parser")→ 遍历所有text→ 用str.replace()处理 → 写回文件 - 排除脚本和样式内文本：加判断
if text.parent.name not in ["script", "style"] - 忽略大小写？别用
.lower()全局转换，改用re.sub(re.escape("旧文本"), "新文本", text, flags=re.IGNORECASE)
注意：它不会改 href、src、data-sku-id 这类属性值，也不会重排缩进——输出 HTML 可能换行变乱，但语义绝对安全。
DOMParser + JavaScript：浏览器内动态替换的底线
如果你在页面加载后才决定换内容（比如 CMS 后台预览、用户自定义模板），不能依赖服务端工具，就得用 DOMParser。它比正则可靠，比 innerHTML.replace() 安全。
- 先用
new DOMParser().parseFromString(htmlStr, "text/html")得到干净文档对象 - 用
querySelectorAll("h1, .price, [data-tab='desc']")精准定位目标节点 - 对每个节点调用
textContent = textContent.replace(/旧/i, "新")，避免污染子节点 - 最后用
documentElement.outerHTML或serializeToString()输出结果
关键点：不要用 innerHTML.replace()，它会把 HTML 标签当普通字符串处理，<span>¥</span>7999 里的 7999 可能被错替成 <span>¥</span>8999，导致标签结构断裂。
复杂点往往不在“怎么换”，而在“换哪里”——商品详情页里，data-sku-id、itemprop 微数据、schema.org JSON-LD 块、图片 srcset 中的尺寸参数，这些都必须同步更新，否则 SEO 抓取的价格、分享链接的预览图、读屏器播报的信息，全都会错位。
