<p>直接右键“另存为”无法保存JS渲染后的DOM，最可靠的是用开发者工具复制outerHTML；curl/wget仅获原始HTML；完整离线需Puppeteer等无头浏览器+资源处理；C# WebView2须监听导航完成并判断DOM就绪。</p>
直接右键“另存为”保存的 .html 文件，几乎肯定不包含 JS 渲染后的真实 DOM 结构——你看到的页面和保存下来的源码，根本不是一回事。
用浏览器开发者工具复制 outerHTML 是最稳的静态快照
这方法能拿到当前时刻浏览器实际渲染出的完整 HTML，包括所有已被 JavaScript 修改、插入或替换过的节点。
- 按
F12打开开发者工具 → 切到Elements面板 - 在左侧树状结构中找到最顶层的
<html>节点（或你关心的容器节点） - 右键 →
Copy→Copy outerHTML - 粘贴进文本编辑器，保存为
.html，编码选UTF-8
注意：它不会保留原始 JS 代码逻辑，只保留那一刻的 DOM 快照；也不包含未展开的 display: none 元素或懒加载未触发的内容。
curl 或 wget 只能拿到服务端返回的原始 HTML
这类命令行工具根本不执行 JS，所以得到的是未经前端框架（React/Vue/Angular）处理的“骨架页”，通常只有 <div id="root"></div> 和一个 <script> 标签。
立即学习“前端免费学习笔记（深入）”；
- 适合做 SEO 检查、备案存档、比对服务端输出
- 不适合保存你眼睛看到的最终页面效果
- 示例：
curl -o page.html https://example.com
如果你要存的是“用户看到的样子”，这个方式从起点就走偏了。
需要完整渲染+资源打包？用 Puppeteer 或 Playwright
当你要保存带 CSS/JS/图片的可离线运行页面，且必须还原 JS 渲染结果时，必须借助无头浏览器。
- Puppeteer 启动 Chromium，等待
networkidle0或自定义条件（如某个元素出现），再调用page.content() - 它能导出完整 HTML，但默认不自动下载外部资源（CSS/JS/图片仍为网络链接）
- 若需“完全离线”，得额外实现资源内联或本地路径重写——这不是开箱即用的功能
别指望一个 saveAs 方法就能搞定：动态渲染 + 外部资源下载 + 路径修正，三者叠加才是完整链路，漏掉任何一环，打开就是白屏或样式错乱。
C# 里用 WebView2 获取动态 HTML 要等 DOM 稳定
在 WinForms/WPF 中嵌入 WebView2 后，webView.CoreWebView2.DocumentTitle 这类属性可能立刻可读，但 webView.CoreWebView2.ExecuteScriptAsync("document.body.innerHTML") 很可能返回空或不完整内容。
- 必须监听
CoreWebView2.NavigationCompleted事件，确认导航完成 - 再加一层延迟等待或轮询判断关键节点是否存在（比如检查
document.querySelector("#app").children.length > 0） - 否则大概率抓到的是框架初始化前的空壳 HTML
真实 SPA 页面的加载节奏是异步嵌套的，没有统一“渲染完成”信号——你得自己定义什么是“够用了”。
