不能在 web worker 中解析或操作 html 字符串生成 dom 节点，因 domparser、innerhtml、document.createelement 等 api 全不可用；worker 无 document 或 domparser 实例，调用 new domparser() 会直接报 referenceerror；替代方案是仅用正则等字符串处理做预清洗，dom 解析必须交由主线程完成。
不能在 Web Worker 里解析或操作 HTML 字符串生成 DOM 节点——因为 DOMParser、innerHTML、document.createElement 全部不可用，Worker 没有 document 或 DOMParser 实例。
为什么 DOMParser 在 Worker 中会报错
Worker 线程的全局对象是 self，不包含 DOMParser（它依赖完整 DOM 环境）、document、Node 等接口。即使你写 new DOMParser()，Chrome/Firefox/Safari 都会直接抛出 ReferenceError: DOMParser is not defined。
常见错误现象：
Uncaught ReferenceError: DOMParser is not definedself.document is undefined- 试图把
HTMLString传进 Worker 后调用parseFromString，结果整个 Worker 初始化失败
可行的替代路径：只在 Worker 中做「纯结构转换」
如果目标是“预处理 HTML 字符串”（比如过滤 script 标签、提取 title、转义危险属性、标准化缩进），必须放弃 DOM 层解析，改用正则或状态机式字符串处理——这类任务可完全脱离 DOM API。
示例场景（适合 Worker）：
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 用
String.replace()批量移除所有<script></script>和onerror=类属性 - 用
matchAll(/<title>]*>(.*?)/gi)</title>提取 title 文本（注意：仅限简单结构，不保 HTML 嵌套语义） - 将 HTML 字符串中的 Unicode 字符转为 HTML 实体（
☺→☺） - 对大段 HTML 做行号标记或注释剥离（无 DOM 依赖）
关键限制：
- 别尝试还原嵌套结构（如匹配正确闭合的
<div>）——正则无法可靠处理嵌套，应交由主线程用 <code>DOMParser完成 - 传入 Worker 的 HTML 字符串体积不宜过大（>10MB 易触发序列化瓶颈），建议分块或流式处理
- 返回结果只能是普通对象/数组/字符串，不能含
Element、DocumentFragment等 DOM 类型 - Worker 接收原始 HTML 字符串 → 执行清洗/提取/转义 → 返回干净字符串或结构化数据（如
{ title: "...", bodyText: "...", safeHtml: "..." }） - 主线程收到后，用
DOMParser解析safeHtml，再用document.importNode()或element.innerHTML = ...插入 - 若需保留节点引用或绑定事件，必须在主线程完成，Worker 只负责“输入→输出”无副作用计算
主线程与 Worker 的通信边界必须清晰
典型错误是把「解析 → 渲染」两步都塞进 Worker，结果卡在 DOM 创建环节。正确分工是：
通信示例（主线程）：
const worker = new Worker('html-sanitizer.js');
worker.postMessage({ html: '<script>alert(1)</script><h1>Hi</h1>' });
worker.onmessage = (e) => {
const { cleanHtml, title } = e.data;
const parser = new DOMParser();
const doc = parser.parseFromString(cleanHtml, 'text/html');
document.getElementById('content').innerHTML = doc.body.innerHTML;
document.title = title;
};
容易被忽略的兼容性与调试细节
Safari 对 Worker 内容限制更严：从 2026 年起仍不支持 importScripts() 加载跨域脚本，且 self.fetch 在部分旧版本中行为异常；另外，所有现代浏览器都不允许 Worker 中使用 eval() 或 Function() 构造函数来动态执行 HTML 字符串——这既是安全策略，也因缺少执行上下文而必然失败。
真正卡点在于：你以为在 Worker 里“解析 HTML”，其实只是在做字符串手术；真正的 DOM 构建永远发生在主线程，且无法绕过。
